If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #23648

    Hi guys , just finished my new logo for http://www.blue2x.com. The static front page and other areas are not yet done but it’s going to be easy because of the nifty features of enfold.

    1.) I edited the header in the enfold theme options. And the links in the navigation are still colored blue green or color: #228080; I changed the primary color but it doesn’t work.

    Should i use quick css for this ?

    #top .header_color .sub_menu li ul a {

    color: #228080;

    } <<< changed the color but still it doesn’t work

    2.) I uploaded a custom background image for the header. What is the ideal dimensions for this ? I just want to use a gradient and to be repeated.

    Tried a 1 width 88 height gradient but it won’t show.

    3.) I want the arrow in the navigation to move up a bit like 10 to 20 pixels up, what’s the css code for this?


    1.) For 1 , I managed to solve it using this code >

    .header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {

    color: #ffffff;


    <<<<< not sure if the other elements are complete necessary. I just want the links to be white, and blue if hover or being selected.

    3.) .avia-menu-fx {

    bottom: 10px;

    height: 0px;


    < I managed to change it but when you scroll down for example, the navigation decreases in height and the arrow is inline with the links, how do i solve this?


    For the arrow:

    .avia-menu-fx .avia-arrow-wrap {
    top: -15px;

    However, it overlaps the menu a bit when the header shrinks. You may want to use one of the header options that doesn’t give you a fixed header so that it doesn’t shrink when you scroll down the page.


    Is it possible that I changed the colors on the Styling->Header tab, but the color of the menu is still grey? (and with a shadow/bold I think)

    btw, whenever re-entering to the Styling tab, the “Defines the Font for your body text” font becomes “web save fonts”



    You can add this on your custom.css or Quick CSS:

    .header_color .main_menu ul:first-child > li > a {
    color: gray;




    Perfect! Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Header Questions’ is closed to new replies.