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

• 

  mylesformby · Member · Apr 15, 2012 at 5:17 am

  • Copy link
  • Add topic to favorites

  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:
  http://pavementportraits.com/
  I want it to look like this:
  http://theagencymodels.com.au/blog/

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Apr 26, 2012 at 3:06 pm

  • Copy link

  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 http://theagencymodels.com.au/blog/ 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 http://theagencymodels.com.au/blog/ 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 http://pavementportraits.com/ If you add a tagline, it will change the look of the line.

• 

  mylesformby · Member · Apr 26, 2012 at 3:09 pm

  • Copy link

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

• 

  designsimply · Member · Apr 26, 2012 at 8:01 pm

  • Copy link

  Aha. Cool. :)