Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Pro Theme Edit Nav Background Color
Tagged: news pro nav color
- This topic has 16 replies, 4 voices, and was last updated 11 years, 5 months ago by
AnitaC.
-
AuthorPosts
-
March 5, 2014 at 4:33 pm #93600
samd
MemberHello,
I have been trying to edit the background of my nav div... I have managed to change the hover color for the buttons, the link color, etc.
But I cannot figure out how to edit the background color of the entire nav div, including the buttons.
I'd like to color them this color to match my banner: #036FB4
Thanks a ton for the help!
Sam
http://mollyandsam.com/March 5, 2014 at 4:51 pm #93602loudivers
Memberfind this on line 1099 of style.css
.genesis-nav-menu {and add this
background-color: #036FB4;
August 24, 2014 at 6:55 pm #120836jackpreneur
MemberAugust 24, 2014 at 9:26 pm #120848AnitaC
KeymasterPost a link to your site @jackpreneur.
Need help with customization or troubleshooting? Reach out to me.
August 25, 2014 at 1:09 am #120862jackpreneur
MemberAugust 25, 2014 at 1:10 am #120863jackpreneur
MemberJackpreneur.com is the link. Thanks so much...
August 25, 2014 at 5:56 am #120880AnitaC
KeymasterLook for this code in your style sheet:
.news-pro-blue .entry-title a, .news-pro-blue .genesis-nav-menu a, .news-pro-blue .sidebar .widget-title a, .news-pro-blue .site-title a, .news-pro-blue .site-title a:hover, .news-pro-blue a:hover { border-bottom: medium none; color: #1b1b1b; }Replace it with this:
.news-pro-blue .entry-title a, .news-pro-blue .sidebar .widget-title a, .news-pro-blue .site-title a, .news-pro-blue .site-title a:hover, .news-pro-blue a:hover { border-bottom: medium none; color: #1b1b1b; } .news-pro-blue .genesis-nav-menu a { color: #fff; }
Need help with customization or troubleshooting? Reach out to me.
August 25, 2014 at 10:09 am #120930jackpreneur
MemberHi Anita,
I really appreciate your support, thank you so much. Please I still need one more help. I replaced the css you sent with the default and it did the work I wanted.
However, the dropdown sub-menu is now white. You only see the link name when you hover on the dropdown sub-menu. Please can you help me and fix this?
The site is still JackPreneur.com
Thanks
August 25, 2014 at 10:20 am #120932jackpreneur
MemberHi Anita,
Thank you so much for your steady support! I really appreciate. Please I still need your help. I used the css code you sent to replace the default and it did the work I wanted but this time, the sub-menu (dropdown) background turned white which made the content white and can only be seen when you hover on the sub-menu.
Please can you help with the css code to adjust this? The site link still remains http://www.jackpreneur.com
Thanks.
Jackson
August 26, 2014 at 6:45 am #121095jackpreneur
MemberHi Anita,
Please I haven't heard from you lately. I am still waiting and hoping you help me sort this thing out.
Thanks
August 26, 2014 at 7:07 am #121097AnitaC
KeymasterI provided an answer yesterday, however it looks like it wasn't restored or captured. Studiopress had issues with their site yesterday so I think my response was lost. Give me a minute to go back and recreate the code. I didn't receive your last two responses in my email either so they must have had some residual issues with the site.
Need help with customization or troubleshooting? Reach out to me.
August 26, 2014 at 7:09 am #121098AnitaC
KeymasterPlease add this code above the Media Queries section of your style sheet:
.nav-primary .genesis-nav-menu .sub-menu a { color: #000; background: #fff; }
Need help with customization or troubleshooting? Reach out to me.
August 26, 2014 at 8:20 am #121113jackpreneur
MemberHi Anita,
Once again, thanks for replying to my issue. Please I have added the code just above Media Queries of my css stylesheet as recommended but it's not still working. Sub-menu dropdown is still white and can only be seen on hover.
Please I really need your help. You can visit my link and hover on StartUps, Marketing and Tech Watch links to see for yourself.
Thanks.
Jackson
August 26, 2014 at 10:07 am #121135AnitaC
KeymasterIt's working for me in Firebug. Clear your cache settings.
Need help with customization or troubleshooting? Reach out to me.
August 26, 2014 at 10:08 am #121136AnitaC
KeymasterRemove the /* from the code above it.
Need help with customization or troubleshooting? Reach out to me.
August 26, 2014 at 10:36 am #121138jackpreneur
MemberHi Anita,
Thanks so much, it's now working very perfectly! I really appreciate all your help.
Thanks!
August 26, 2014 at 12:29 pm #121164 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.