How do I get rid of grey line above custom header?

  • Author
  • #869142


    Hi I have a custom header and it has a grey line above it where the ‘about’ was before. How do I get rid of it, or move it BELOW the custom header?
    Mine looks like this:
    I want it to look like this:

    The blog I need help with is


    You can hide the gray line from the header area in the Blaskan theme with CSS like this:

    #header {
    	border-bottom: none;

    Or you could add a line that looks like the one at the top of by copying the CSS from that blog and changing the selector to “#header-message” like this:

    #header-message {
    	margin-top: 10px;
    	padding: 5px;
    	background: #FBFBFB;
    	border-top: 1px solid #EAEAEA;
    	border-bottom: 1px solid #EAEAEA;

    Note that the line below the header text on is really the navigation area and if that was filled in then it would change the look. Same goes for the “#header-message” area on If you add a tagline, it will change the look of the line.



    Sorry that’s a really old post all sorted now thanks.


    Aha. Cool. :)

The topic ‘How do I get rid of grey line above custom header?’ is closed to new replies.