Shrinking the header in CSS editor

• 

  carmenaguirresbluebox · Member · Jan 9, 2013 at 3:48 pm

  • Copy link
  • Add topic to favorites

  Hello!

  For whatever reason, the header image on my site, particularly when viewed on a laptop, is huge. Is it possible to shrink with CSS (length-wise, especially) editing? If so, can someone guide me through that?

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

• 

  designsimply · Member · Jan 15, 2013 at 5:13 pm

  • Copy link

  I just checked http://carmenaguirresbluebox.wordpress.com/ and the header image doesn’t look too huge to me. It sounds like you might have used a larger header image before and now you’ve updated it.

  The suggested dimensions for a header image in the Mixfolio theme is 980 x 275 pixels, did you want it smaller than that?

• 

  carmenaguirresbluebox · Member · Jan 15, 2013 at 10:56 pm

  • Copy link

  I shrunk it.

  Here’s another question…

  With the Custom Feature, is there any way to update the CSS so that the header image is the background for the menu bar?

• 

  designsimply · Member · Jan 22, 2013 at 6:50 pm

  • Copy link

  You could do that by adding a background image to one of the elements in the header:

  #branding-inner .container {
  	background: url('http://carmenaguirresbluebox.files.wordpress.com/2013/01/cropped-blue-box-4.jpg') no-repeat;
  }

  The width for that space is 980 x 167 pixels, but you could adjust it by adding width or heigh values if you want.