Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #214055

    Hello. I want to change the background color and text color of the active nav link. I found how to change the navigation background color and the hover color behavior, but can’t quite figure out how to change the background and text color for the selected/active page. I used this for the other stuff:

    .bottom_nav_header.social_header .main_menu ul:first-child {
    background: #fafafa;

    #top .main_menu a:hover {
    background: #f3f3f3;
    color: #c3512f;

    Can you help me out? Thanks a bunch!


    Hi GuaranteeDigitalWI!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white; background: red; }



    You are the best! Sorry about this, but my client just asked if it was possible to move the navigation buttons to the right side over the left. Is that possible without a lot of work? Thanks again!

    Hopefully this is the last time I have to bug you.



    Shoot! I did have one more question. Is there an easy way to change the two widget footer style to 2/3 – 1/3 instead of 1/2 – 1/2?



    Ignore that align right navigation question. Instead, I just noticed something. Is it normal that I have fancy round image that appears when you mouseover a lightbox image in every browser EXCEPT for Chrome? Seems to work fine in all the other. Actually, I had no idea it even did that until I tested in another browser. :)





    Can you post the link to your website so we can take a look?

    Best regards,



    1- It does work fine on my end on Chrome version 32.0.1700.76 m on Win7. Please see screenshot here
    2- Please choose to display 2 columns in Enfold theme options > Footer tab then add following code to Quick CSS in Enfold theme options under Styling tab

    #footer .first { width: 71%!important; margin-left: 0!important; }
    #footer .av_one_half { width: 24%; margin-left: 5%;  } 

    Best regards,


    Weird. It doesn’t display that icon in Chrome on the Windows 8.1 PC I’m working on, but DOES on my home theater PC running Windows 7. Oh well. Nevermind.

    Can I possibly bug you one more time about the full-width header? Again, thank you so much for getting that to work for me. I think it needs some more css edits for the header height when reduced to tablet and phone screen sizes.

    Maybe the header should just stretch the full 1130 px instead of the left and right margins? Just an idea.

    Again, thank you so much for all the help!



    (other screenshot)



    Do you mind creating a temporary admin login and posting it here privately so i can take a look?


    This reply has been marked as private.


    You can find custom CSS code i added in Quick CSS section in Enfold theme options under Styling tab

    Best regards,


    Thank you so much! I should be done bugging you now! :)




    You are welcome Steve, glad we could help :)

    Best regards,

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

The topic ‘Navigation active link color change’ is closed to new replies.