[jovo]

Hi!
Just installed catch-box free theme and have been playing around a little. This looks great! So … just how do I stretch the header image width to cover the entire width of the page? I did check some support threads but could not find any way to do it. Many thanks, Jo

[Sakin]

@jovo: First you need to upload the header image of with 1000px from “Appearance => Header” and then send me your site URL. I will check in and send you the custom CSS code.

[sarag]

Hello,

I’m using simple catch theme and I’m trying to upload my own image to replace the grey background in the top half of the website. How do i do this? I’ve tried a couple of codes in custom css using the image url but they didn’t work. Ialso tried uploading it under Appearance > Header but it just came up as a smaller image under my logo. I want to keep my logo image and have another image under it as a background (replacing the current grey background). my site is http://www.isleofflora.com

If you could please help that would be much appreciated, thanks Sara

[Sakin]

Hello Sara,

You can replace the grey header image through custom css. First, you need to upload the image that you want to replace it. For example in the following css I have taken one image from your site and added as background. Now, you can change that image URL with the image URL of your own and add the css in “Appearance => Theme Options => Custom CSS” box.

#header {
    background-image: url("http://www.isleofflora.com/wp-content/uploads/2014/06/IMG_1027-210x210.jpg");
}

Regards,
Sakin

[sarag]

Thank you! this works but how do i make the image stretched so it’s just one image and not tiled? This is what i’m using at the moment…

#header {
background-image: url(“http://www.isleofflora.com/wp-content/uploads/2014/07/bashcorpo_com__paper15-210×210.jpg”);
}

Thanks, Sara

[Sakin]

@sarag: Stretching image is not good and your image size is 210 by 210. So, I check in 976 by 313 size and make it cover. Try the following css.

#header {
    background-image: url("http://www.isleofflora.com/wp-content/uploads/2014/07/bashcorpo_com__paper15-976x313.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

[sarag]

Thank you so much Sakin, it works perfectly!

[Author]

Posts