![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: color change, navigation
-
AuthorPosts
-
January 23, 2014 at 8:01 pm #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!
January 23, 2014 at 11:18 pm #214142Hi 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,
YigitJanuary 24, 2014 at 12:30 am #214214You 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
January 24, 2014 at 12:31 am #214216Shoot! 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!
January 24, 2014 at 2:02 am #214254Ignore 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. :)
Thanks
January 24, 2014 at 2:04 am #214256Hey!
Can you post the link to your website so we can take a look?
Best regards,
YigitJanuary 24, 2014 at 2:06 am #214257January 24, 2014 at 2:21 am #214262Hey!
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,
YigitJanuary 24, 2014 at 2:35 am #214266Weird. 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
January 24, 2014 at 5:01 am #214291(other screenshot)
January 25, 2014 at 7:13 pm #214869Hi!
Do you mind creating a temporary admin login and posting it here privately so i can take a look?
Cheers!
YigitJanuary 25, 2014 at 7:45 pm #214870This reply has been marked as private.January 25, 2014 at 8:46 pm #214880Hey!
You can find custom CSS code i added in Quick CSS section in Enfold theme options under Styling tab
Best regards,
YigitJanuary 25, 2014 at 8:56 pm #214884Thank you so much! I should be done bugging you now! :)
Steve
January 25, 2014 at 9:03 pm #214885 -
AuthorPosts
- The topic ‘Navigation active link color change’ is closed to new replies.