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

[Resolved] 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;

    …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


    Forum moderator

    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


    Forum moderator

    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


    Forum moderator

    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


    Forum moderator

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

    Hi Andrew, not used pastebin before, however hre’s the link:


    ..is 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


    Forum moderator

    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 ‘[Resolved] Simple Catch, changing header background image’ is closed to new replies.
Skip to toolbar