• 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

Lifestyle Pro theme: Trying to customize and change color of secondary menu.

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 › Lifestyle Pro theme: Trying to customize and change color of secondary menu.

This topic is: resolved

Tagged: Changes, color, customize, lifestyle Pro, navigation menu

  • This topic has 2 replies, 2 voices, and was last updated 7 years, 7 months ago by t-west.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 2, 2014 at 1:27 am #130143
    t-west
    Member

    Hello, I'm trying to customize and change the existing theme color of secondary navigation menu at the top of the web page. I'm trying to make it white so there is no color.

    All my customizations and changes have been made in a custom css folder so as to preserve any customizations to protect any changes from being overwritten if the theme is updated. So far, all the changes that I've made have worked except for this one.

    I've put the following code to make the change and it doesn't work:

    .nav-secondary {
    background-color: #ffffff;
    }

    I'm a newbie to all of this and have been watching Youtube videos to set up this Genesis Child theme. So far I've been able to follow along and make everything work except for this.

    Appreciate any help on this matter. Thanks a million.

    http://www.taowestventures.com
    November 2, 2014 at 1:55 am #130147
    Genesis Developer
    Member

    go to line no 1536 and replace the current CSS by this one

    .lifestyle-pro-blue .nav-secondary {
        background-color: #FFF;
    }

    go to line no 1493 and split the current CSS by this one

    .lifestyle-pro-blue .button,  .lifestyle-pro-blue .site-footer a, 
    .lifestyle-pro-blue .site-title a, .lifestyle-pro-blue .site-title a:hover {
        color: #fff;
    }
    
    .lifestyle-pro-blue .genesis-nav-menu a{
       color: #0f0f0f;
    }

    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    November 3, 2014 at 5:20 am #130273
    t-west
    Member

    Thanks so much. That seemed to do the trick 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2022 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