Design Header

Hey!

1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top .av-menu-button > a .avia-menu-text {
    border-color: orange;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

2- Please refer to Josue’s post here – https://kriesi.at/support/topic/glassy-transparent-header/#post-310605

3- Please edit your page and choose to display Glassy Transparent header and add following code to Quick CSS

#header.av_header_glassy {
    background: rgba(255,0,0,0.5);
}

255,0,0 is RGB value of the color and 0.5 is opacity level.

4- Can you please elaborate on this one? I am not sure if i understood :)

Best regards,
Yigit

Hi,

@Karamba69: You can use the following css code to change the opacity of the header background.

.header_bg {
    opacity: 1;
    filter: alpha(opacity=100);
}

@Arbogaz: You can adjust the style of the Menu Indicator in the Enfold > Advanced Styling panel. Look for the element under the Main Menu section. And regarding the update, you might have to upgrade the theme manually this time because the auto updater in v4.5.7 has been deprecated.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi Karamba69,

Thanks for the update. Please let us know if you should need any further help on the topic.

Best regards,
Rikard