Shrinking the header in CSS editor

  • Author
    Posts
  • #1119622

    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 carmenaguirresbluebox.wordpress.com.

    #1119934

    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?

    #1119938

    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?

    #1119946

    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.

The topic ‘Shrinking the header in CSS editor’ is closed to new replies.