Resize/Expand Header in CSS

  • Author
    Posts
  • #1211500

    alinakulesh
    Member

    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: https://en.forums.wordpress.com/topic/resize-header-pic?replies=2

    Any suggestions or tips? Very appreciated!

    #1211618

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

    #1211621

    alinakulesh
    Member

    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.

    #1211706

    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.

    #1211767

    alinakulesh
    Member

    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.

    #1211779

    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.

    #1211856

    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?

The topic ‘Resize/Expand Header in CSS’ is closed to new replies.