Hi,

Put up a menu on your website. Please don’t talk in abstractions and generalities or i will make up my own colors, sizes, etc. I get a vague notion of #6. The rest I think I get. I made video of me doing it. Good stuff for youttube.. Website crashed in middle of video though. I didn’t do responsive since i dont think it will make any difference regarding colors, that flying underscore though probably needs 1 media query.

/*triangle killer*/

#top .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,#top .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {

display: none;

}

/*menu top font color off*/

#top .header_color .main_menu ul:first-child>li>a {

color:rgb(255,8,8);

font-size: 1.1em;

}

/*menu top font color hover*/

#top .header_color .main_menu ul:first-child>li>a:hover {

color:rgb(8,255,255);

font-size: 1.1em;

}

/*sub menu font color */

#top .main_menu .menu ul li>a {

color:green;

word-spacing:1.2em;

font-size: 1.1em;

}

/*sub menu font color hover*/

#top .main_menu .menu ul li>a:hover {

color: blue !important;

}

/*sub menu background off*/

#top .header_color .main_menu .menu ul li a:hover {

background-color: rgb(12,9,122);

}

/*sub menu background hover*/

#top .header_color .main_menu .menu ul li a:hover {

background-color: rgb(68,9,9);

}

/*underlines now float above menu*/

#top .avia-menu-fx {

display:block;

position:absolute;

top: 25px;

}

Video is uploading, gonna be here in 5 mins.

Thanks,

Nick

Hi,

1) Upload the image of the horizontal line using Media and get the url of the image / see-> http://i.imgur.com/UxeA6Vf.png

2) Add the CSS below to Quick CSS located in Enfold > Styling at the bottom of the page. Remove the http://domain.com/path/image-you-uploaded.png from the css below and in its place add the url of where you uploaded the image from step 1 above

#top #big-hrline {

background: url(https://domain.com/path/image-you-uploaded.png) no-repeat bottom;

margin: 0 0 30px;

overflow: hidden;

padding: 0 0 20px;

width: 100%;

}

3) Open /config-templatebulder/avia-shortcodes/hr.php and find line 117 which looks like this

function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")

Delete line 117 and everything below until the end of the file and in its place paste the code

function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")

{

extract(shortcode_atts(array('class' => 'default', 'height' => '50', 'position'=>'center', 'shadow'=>'no-shadow'), $atts));

$hrtype = 0;

$output  = "";

$height  = trim($height, 'px% ');

$style   = $class == 'invisible' ? "style='height:{$height}px'" : "";

$class  .= $class == 'short' ? " hr-{$position}" : "";

$class  .= $class == 'full'  ? $hrtype=1 : "";



if ($hrtype==1){

$output = "<div id='big-hrline'></div>";

}else{

$output .= "<div {$style} class='hr hr-{$class} ".$meta['el_class']."'><span class='hr-inner'><span class='hr-inner-style'></span></span></div>";

}



return $output;

}



}

}

I tested it and it works.

To use it just select the horizontal ruler full width separator http://www.clipular.com/c?5870161=RjLTobeBs0GTGlXzgTHEJxitw_Q&f=.png

Thanks,

Nick

To add Advanced Layout Editor To Posts or Custom Post Types please watch video here (easy instructions) – https://vimeo.com/64996057

To be able to switch between the advanced layout editor and the standard editor without having content set with the advanced editor show up as blank in the standard editor see code here -> https://kriesi.at/support/topic/cant-edit-or-change-a-text-block-in-avia-layout-builder#post-110199

Andy,

You are the first person to ever ask me that question (whether to start a new thread), most just ask 3 pages of unrelated questions over 5 months. Thanks for asking! Nah you can continue here since its relevant to the overall theme of our exchange.

I felt that in your case best thing to do was to get you hooked on the google tool since then you can customize your own look. read somewhere carefully about position:absolute and position:relative and how they relate to each other when one div is relative inside an absolute div and vice versa and how that affects margin and padding. Also try to move your logo for example to the bottom right corner of screen without messing anything else up using right:20px .left, down, top, and the position: tag… Goodstuff.

It’s not difficult to edit it. Now sitting down in front of an empty screen and writing it from nothing is difficult.

So ask away.

Thanks,

Nick

Hi,

What you are showing on the site can be changed in file /includes/loop-index.php , with the blog image on line 101 the way you have the blog setup, remember there are multiple settings. However all are controlled on this page. But yours is line 101 for the image.

I suggest you get NotePad++ and download the theme folder somewhere on your desktop home computer, then use notepad++ to search through all files in the entire folder for classes you see when you view source around the parts you want to edit and then you will see how the structure is and which pages it is located on. https://kriesi.at/support/topic/changing-to-antoher-language#post-102486

Thanks,

Nick

Do you mean the *menu* ? The header is just the page title and breadcrumbs. The menu is done in Appearance>menus. This is the list of pages at the top of the page.

Hi rynleigh,

How did you add in that menu on the left? It seems to be just a regular menu and is only getting the normal list styling (not anything theme specific).

It can be removed with:

#top .entry-content #nav_menu-32 ul {

list-style: none outside;

}

But I’m not sure if that solves the issue since you may be trying to get some other kind of effect.

Regards,

Devin

Hi rrdr,

In this video I create a section very much like that one: https://vimeo.com/channels/aviathemes/64927358

You just need to use a color section and set a background image to get that kind of effect. Then you can add other elements on top of it.

Additional videos are posted on that same channel and you can make requests for new ones here: https://kriesi.at/support/topic/video-requests

Regards,

Devin

Hi,

If I understood you correctly, please add the code below to Quick CSS located in Enfold > Layout .. text area on the bottom of the page OR add it to the bottom of /css/custom.css

@media only screen and (min-width: 1140px){

#top .avia_mega_div.avia_mega3.nine.units {

right: -662px !important;

}}

Thanks,

Nick

Hi madebynoemi,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top.single-post .big-preview.single-big {

display: none;

}

This is the most straightforward way of removing the featured media are on the single posts.

Regards,

Devin