• 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

Removing dividing line from header in Crystal

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 › General Discussion › Removing dividing line from header in Crystal

This topic is: not resolved

Tagged: crystal

  • This topic has 10 replies, 4 voices, and was last updated 12 years ago by Matt Mizwicki.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 11, 2014 at 5:01 am #99616
    treztech
    Member

    Hi,
    Has anyone got any tips for how to remove the dividing line from crystal header. I have changed the logo and header background to white but am left with a grey line across the screen.

    April 11, 2014 at 5:05 am #99619
    Brad Dalton
    Participant

    Please link to your site.


    Tutorials for StudioPress Themes.

    April 11, 2014 at 8:27 am #99673
    treztech
    Member

    the page is currently on my wamp server.

    July 7, 2014 at 2:26 am #113186
    treztech
    Member

    website now live at http://www.egsr.org but still has dividing line. Anyone know how to remove it please

    July 7, 2014 at 3:00 am #113187
    Brad Dalton
    Participant

    Use Firebug to find the class and hide it using display: none;


    Tutorials for StudioPress Themes.

    July 7, 2014 at 3:34 am #113191
    Genesis Developer
    Member

    Go to line no 117 of your style.css file and change width. It will be 255px.

    Go to line no 97 and you will get this CSS "#header .widget-area". So change the width. It will be 704px.


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

    July 7, 2014 at 3:37 am #113192
    Genesis Developer
    Member

    If you are wanting to remove the menu border then go to line no 164 and you will get this css "#nav li a, #subnav li a, #header ul.menu li a" . remove the following codes:

    border-left: 1px solid #ffffff;
    border-right: 1px solid #b8c6d1;

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

    July 7, 2014 at 3:56 am #113194
    treztech
    Member

    Thanks for the help. Looking much better but still got the bar showing underneath the slider on home page or menu on other pages. Is there any way to remove this line

    July 7, 2014 at 9:44 pm #113314
    Matt Mizwicki
    Member

    Are you talking about the line that sort of looks like a ruler?

    If so...
    Remove line #18

    
    body {
    	background: #FFFFFF url(images/bg.png) repeat-x;
    ...
    ...
    }
    
    and remove this at line #26
    
    

    body.home {
    background: #FFFFFF url(images/bg-home.png) repeat-x;
    }
    `
    Let me know if that works.

    July 8, 2014 at 1:35 am #113336
    treztech
    Member

    yeah it's the line that looks like a ruler.
    Tried removing line 18 and line 26 but still there.

    July 8, 2014 at 1:19 pm #113461
    Matt Mizwicki
    Member

    Hi again treztech.
    To remove the line that looks like a ruler, you'll need to get rid of the code i mentioned.

    I just looked at your code again and see that those lines of code are still there. So either you added them back, or your server is caching your stylesheet, so the changes aren't taking effect.

    If you've got a caching plugin working, turn it off during development, and clear your cache after you delete the code and see if it takes effect. You may have to refresh your browser a few times as well.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘General Discussion’ 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