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 9 years, 8 months ago by Anita.
-
AuthorPosts
-
March 5, 2014 at 4:33 pm #93600samdMember
Hello,
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 #93602loudiversMemberfind this on line 1099 of style.css
.genesis-nav-menu {
and add this
background-color: #036FB4;
August 24, 2014 at 6:55 pm #120836jackpreneurMemberAugust 24, 2014 at 9:26 pm #120848AnitaKeymasterAugust 25, 2014 at 1:09 am #120862jackpreneurMemberAugust 25, 2014 at 1:10 am #120863jackpreneurMemberJackpreneur.com is the link. Thanks so much...
August 25, 2014 at 5:56 am #120880AnitaKeymasterLook 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; }
Love coffee, chocolate and my Bella!
August 25, 2014 at 10:09 am #120930jackpreneurMemberHi 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 #120932jackpreneurMemberHi 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 #121095jackpreneurMemberHi 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 #121097AnitaKeymasterI 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.
Love coffee, chocolate and my Bella!
August 26, 2014 at 7:09 am #121098AnitaKeymasterPlease add this code above the Media Queries section of your style sheet:
.nav-primary .genesis-nav-menu .sub-menu a { color: #000; background: #fff; }
Love coffee, chocolate and my Bella!
August 26, 2014 at 8:20 am #121113jackpreneurMemberHi 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 #121135AnitaKeymasterIt's working for me in Firebug. Clear your cache settings.
Love coffee, chocolate and my Bella!
August 26, 2014 at 10:08 am #121136AnitaKeymasterRemove the /* from the code above it.
Love coffee, chocolate and my Bella!
August 26, 2014 at 10:36 am #121138jackpreneurMemberHi Anita,
Thanks so much, it's now working very perfectly! I really appreciate all your help.
Thanks!
August 26, 2014 at 12:29 pm #121164AnitaKeymasterYou're welcome.
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.