Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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!

    #214142

    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; }

    Regards,
    Yigit

    #214214

    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.

    Steve

    #214216

    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?

    Thanks!

    #214254

    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. :)

    mouseover

    Thanks

    #214256

    Hey!

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

    Best regards,
    Yigit

    #214257
    #214262

    Hey!

    1- It does work fine on my end on Chrome version 32.0.1700.76 m on Win7. Please see screenshot here http://i.imgur.com/4VpswoU.jpg
    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,
    Yigit

    #214266

    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.

    http://64.91.254.11/~gdigital/tyeonej.com/wp-admin/post.php?post=128&action=edit

    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!

    Steve

    #214291

    (other screenshot)

    #214869

    Hi!

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

    Cheers!
    Yigit

    #214870
    This reply has been marked as private.
    #214880

    Hey!

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

    Best regards,
    Yigit

    #214884

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

    Steve

    #214885

    Hey!

    You are welcome Steve, glad we could help :)

    Best regards,
    Yigit

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

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