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

    Hi guys , just finished my new logo for 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.