Need help? Check out our Support site, then


Resize/Expand Header in CSS

  1. Hello,

    I'm using the Splendio theme, and am trying to resize the header to fit the original image's w x h. I've tried this, but nothing is changing: http://en.forums.wordpress.com/topic/resize-header-pic?replies=2

    Any suggestions or tips? Very appreciated!

  2. canadafashionlaw
    Member

    The blog I am inquiring about is currently set to private.

  3. The blog that we are inquiring about is currently set to private, as it's under-construction.

    Any CSS wizards out there that know the code that will help override current header size limitations?

    Thank you.

  4. If you have changed the width of the theme, you can't use the header uploader as the height and width of the header in this theme is set in the PHP script files and we cannot access those. You have to upload the header image to the media library, get the URL of that image and then do it all in the CSS. This is probably the best way to do it. Change the height and width to match the image you want to use and then replace URL OF IMAGE between the double quote marks in the background declaration to the URL of the image you uploaded to the media library.

    #header-image {
    background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
    height: 400px;
    width: 1200px;
    }
    
    #header-image img {
    display: none;
    }

    The second bit above will hide the original header image. The new header image will not be clickable to return to the site main page as it was originally.

  5. Thank you thesacredpath - you've been very helpful.

    The code you provided is definitely overriding the existing header, but after changing the width/height and adding the URL, there is only blank space that is showing up. Not the image itself. Any idea as to why this is happening?

    Thank you.

  6. Without being able to see the site, I had to work off the demo site, so I'm not sure what the issue is on your particular site. I need to be able to check out what you have done and look at your CSS using Firebug.

  7. The code you provided is definitely overriding the existing header, but after changing the width/height and adding the URL, there is only blank space that is showing up. Not the image itself. Any idea as to why this is happening?

    Can you reply with the exact CSS you entered so we can take a look at that part?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags