Title: Simple Catch, changing header background image Last modified: August 20, 2016 --- # Simple Catch, changing header background image * Resolved [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/) * Hi there, I’m having a bit of trouble with the simple catch theme. The default is a speckled grey bg for the topmost area of the page. * If I add this code via the custom css : * #header { background: none; background-color: #333333; } * then yes, it will change the background colour and remove the default image. * However, I want to add an image instead of a colour, so I tried this: * #header { background:url(images/newheaderimage.jpg) left bottom repeat-x; padding- bottom:20px; } * …and this won’t work. I suspect that it may be to do with the path to the images, as even if I do an exact copy from the original stylesheet I can’t get it to work. * Any help would be gratefully received. I cannot provide you with a link currently as I am working locally using MAMP * Regards, Suns Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/page/2/?output_format=md) [→](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949397) * Are you linking to an image you’ve uploaded in the admin panel? * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949399) * no, I’ve actually added the image directly into the images folder with the path: * wp-content/themes/simple-catch/images/ * this is the folder that contains all the structural images (backgrounds, social icons etc.). * Should I be going somewhere else? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949400) * in which directory is your CSS file, that you’re editing for the image? * [editpo](https://wordpress.org/support/users/editpo/) * (@editpo) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949402) * Go to the theme select Featured Slide Select > More Options Tick Disable Slider Background effect * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949403) * Hi Andrew, * this is where I’m getting confused – I’m editing the css via the wordpress admin interface which can be accessed via the menus: appearance/themes/simplecatch/ theme options/custom css styles * …in other words, I’m not sure where the css code is being written/rewritten so the path to the images folder isn’t correct. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949405) * It may be adding into the header.php file, could you link your website to make sure? * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949408) * EditPo – don’t think this is the issue – that just enables/disables the translucent effect on the images for the slider – which I disabled a long time ago. Tried enabling and disabling to check, but no change. * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949409) * Andrew – can’t I’m afraid as it’s not live * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949411) * can you view-source your web page and pastebin.com the contents of that source? * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949418) * Hi Andrew, not used pastebin before, however hre’s the link: * [http://pastebin.com/hJ6LFc3y](http://pastebin.com/hJ6LFc3y) * ..is this what you needed? * [editpo](https://wordpress.org/support/users/editpo/) * (@editpo) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949419) * Sorry – thought you meant the slider * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949422) * should also mention that the file I want for the background is called ‘swoop. jpg’ * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949423) * That’s correct, and I can see the custom styles added into header.php. * To the CSS , try * ``` background:url(/wp-content/themes/simple-catch/images/newheaderimage.jpg) left bottom repeat-x; ``` * Thread Starter [suns](https://wordpress.org/support/users/suns/) * (@suns) * [13 years, 9 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949427) * Andrew, Sir, you are a star! * Thank you so much for helping me with this – it works perfectly… or will do when I’ve edited the BG image a bit! * Thank you so much once again, * Sunil * [yorgo67](https://wordpress.org/support/users/yorgo67/) * (@yorgo67) * [13 years, 8 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/#post-2949604) * So let me get this straight… * You simply enter in the custom CSS settings, found via Theme Options > Design Settings, and that new line of code from above and it will alter the background image in the header, where the slider resides? * The reason why I ask is because I too have uploaded an image into the media library and want to replace the fuzzy grey background image or tile (whatever you call it) so that I can put my own into there. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/page/2/?output_format=md) [→](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/page/2/?output_format=md) The topic ‘Simple Catch, changing header background image’ is closed to new replies. ## Tags * [background](https://wordpress.org/support/topic-tag/background/) * [catch](https://wordpress.org/support/topic-tag/catch/) * [colour](https://wordpress.org/support/topic-tag/colour/) * [images](https://wordpress.org/support/topic-tag/images/) * 16 replies * 4 participants * Last reply from: [suns](https://wordpress.org/support/users/suns/) * Last activity: [13 years, 8 months ago](https://wordpress.org/support/topic/simple-catch-changing-header-background-image/page/2/#post-2949605) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics