• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

News Pro Theme Edit Nav Background Color

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Pro Theme Edit Nav Background Color

This topic is: not resolved

Tagged: news pro nav color

  • This topic has 16 replies, 4 voices, and was last updated 11 years, 5 months ago by AnitaC.
Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 5, 2014 at 4:33 pm #93600
    samd
    Member

    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 #93602
    loudivers
    Member

    find this on line 1099 of style.css

    .genesis-nav-menu {

    and add this

    background-color: #036FB4;
    August 24, 2014 at 6:55 pm #120836
    jackpreneur
    Member

    That worked like charm. But how about changing the link color to white? Its showing black.

    August 24, 2014 at 9:26 pm #120848
    AnitaC
    Keymaster

    Post a link to your site @jackpreneur.


    Need help with customization or troubleshooting? Reach out to me.

    August 25, 2014 at 1:09 am #120862
    jackpreneur
    Member

    Ok sorry Anita, my site link is I want to change the nav link to white since I have changed the nav backgrond color to blue.

    Thanks

    August 25, 2014 at 1:10 am #120863
    jackpreneur
    Member

    Jackpreneur.com is the link. Thanks so much...

    August 25, 2014 at 5:56 am #120880
    AnitaC
    Keymaster

    Look 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 #120930
    jackpreneur
    Member

    Hi 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 #120932
    jackpreneur
    Member

    Hi 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 #121095
    jackpreneur
    Member

    Hi 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 #121097
    AnitaC
    Keymaster

    I 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 #121098
    AnitaC
    Keymaster

    Please 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 #121113
    jackpreneur
    Member

    Hi 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 #121135
    AnitaC
    Keymaster

    It'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 #121136
    AnitaC
    Keymaster

    Remove the /* from the code above it.


    Need help with customization or troubleshooting? Reach out to me.

    August 26, 2014 at 10:36 am #121138
    jackpreneur
    Member

    Hi 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
    AnitaC
    Keymaster

    You're welcome.


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble