Support » Themes and Templates » Simple Catch, changing header background image

  • Resolved suns


    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;

    …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)
  • Moderator Andrew Nevins


    Are you linking to an image you’ve uploaded in the admin panel?

    no, I’ve actually added the image directly into the images folder with the path:


    this is the folder that contains all the structural images (backgrounds, social icons etc.).

    Should I be going somewhere else?

    Moderator Andrew Nevins


    in which directory is your CSS file, that you’re editing for the image?

    Go to the theme
    select Featured Slide
    Select > More Options
    Tick Disable Slider Background effect

    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.

    Moderator Andrew Nevins


    It may be adding into the header.php file, could you link your website to make sure?

    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.

    Andrew – can’t I’m afraid as it’s not live

    Moderator Andrew Nevins


    can you view-source your web page and the contents of that source?

    Hi Andrew, not used pastebin before, however hre’s the link: this what you needed?

    Sorry – thought you meant the slider

    should also mention that the file I want for the background is called ‘swoop.jpg’

    Moderator Andrew Nevins


    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;

    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,


    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)
  • The topic ‘Simple Catch, changing header background image’ is closed to new replies.