changing header-bg.png

[shorthills]

Hi,
In my quest to make a “stretchable” background for an image I will place above the main nav, I’m resizing the header-bg.png file to 1920px. Where can I put this modified version of the file so that it will look in the child theme as opposed to overwriting it in the main theme.
In assets/images?
Thank you!

Topic

[Jason Bobich]

You would write your own line of CSS that points to whatever image and overrides whatever the theme does for that specific selector.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[shorthills]

ok great so I will put it in the child theme css.
but should I store child-theme specific images somewhere special? in the child theme /assets/images?

[Jason Bobich]

How you want to organize the images in your Child theme is up to you and will just correspond to how you setup your custom CSS that points to those images. But yeah, if you’re using the sample Child theme that came with the theme, I would say having them in /assets/images/ would be a logical, organized choice.

[Author]

Replies