• 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

I want to get rid of a blue line under my full-width header in Life-style Pro

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 › I want to get rid of a blue line under my full-width header in Life-style Pro

This topic is: not resolved

Tagged: background, full width header, life-style pro theme

  • This topic has 6 replies, 3 voices, and was last updated 4 years, 9 months ago by dave_s.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 25, 2018 at 1:48 am #219251
    imdiane
    Participant

    I have a full-width header in my Life-style Pro theme. It has a light blue line under the header and I don't know how to get rid of it.

    Could someone please help me?

    http://coupleandbaby.com
    April 25, 2018 at 5:28 am #219258
    Victor Font
    Moderator

    Add the following CSS to the bottom of your style sheet but before the media queries:

    .lifestyle-pro-blue .site-header {
        background-color: transparent;
    }

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 25, 2018 at 9:06 pm #219287
    imdiane
    Participant

    This didn't take care of the problem. Here's the slice of the CSS where I placed the above code:

    ______________________________________
    .lifestyle-pro-red .nav-secondary {
    background-color: #f2685c;
    }

    lifestyle-pro-blue .site-header {
    background-color: transparent;
    }

    /*
    Media Queries
    ---------------------------------------------------------------------------------------------------- */
    _____________________________________________

    Any more instructions?

    Thanks!
    Diane

    April 26, 2018 at 7:32 am #219294
    Victor Font
    Moderator

    Put a period in front of lifestyle-pro-blue. It's a class. It needs a period.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 26, 2018 at 8:13 pm #219333
    imdiane
    Participant

    Thank you, very much, Victor. That worked beautifully.

    I have one more question.
    I changed the light blue color in the lifestyle-pro-blue CSS to the darker blue from my header image for the footer. I made the top menu links a medium blue. But I could not find any way to change the widget links to the medium blue. Could you tell me how to do that?

    I think that is the last of my CSS changes that I want to make.

    Thank you for your help!
    Diane

    April 27, 2018 at 6:37 am #219340
    Victor Font
    Moderator

    You have custom CSS that controls the color of the widget links.

    You would gain a lot of benefit if you learned yo use your browser's built-in inspection tool. With the inspection tool, you can pinpoint CSS. https://victorfont.com/how-to-use-your-browsers-inspect-tool/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 28, 2018 at 4:13 am #219354
    dave_s
    Participant

    No idea if it's the way the pro's do it but try:

    .sidebar a {
    color: #5287cf;
    }
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 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

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