[Cybersnaby]

I’d like to change just the top header background in Mustang to an image. I can change everything but not just this part. This is the code I tried, but it hasn’t worked:
#header-bg {
background: url(“images/grass.jpg”) repeat scroll 0 0 transparent;
}

Thanks!

[Sakin]

@Cybersnaby: Your css looks fine but I doubt about the image URL. Where are you adding this custom CSS and where is you grass.jpg image. I hope you are not editing core theme files inside ‘catch-mustang’ directory. Please don’t edit those files inside core theme directory as these files will be reverted back to original when you update the theme.

So, the image url has to be in reference with the file path. For any css edits either you need to add custom css in “Appearance => Theme Options => Custom CSS” box or you need to add it by building child theme style.css file

[Cybersnaby]

I’m using a child theme and the image is there… I tried the path child-theme/images/grass.jpg but it still didn’t show…?

If I upload it as a full background via the dashboard, the images displays ok. But I really only want the header.

[Sakin]

@Cybersnaby: Can you send me your site URL and image URL. As when you have the following css in your child theme style.css. Make sure you have create ‘images’ directory in your child theme and added grass.jpg image inside images directory in your child theme.

#header-bg {
 background: url("images/grass.jpg") repeat scroll 0 0 transparent;
}

[Cybersnaby]

Sorted it! Used the complete url file path and it worked a treat. Have now managed to customise both header and very bottom footer area. Thanks!

[Sakin]

@Cybersnaby: Nice 🙂

[Author]

Posts