Simple Catch, changing header background image

  • Resolved suns

    (@suns)


    12 years, 7 months ago

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter suns

    (@suns)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Thread Starter suns

    (@suns)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter suns

    (@suns)

    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

    (@suns)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter suns

    (@suns)

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

    https://pastebin.com/hJ6LFc3y

    ..is this what you needed?

    Sorry – thought you meant the slider

    Thread Starter suns

    (@suns)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    (@suns)

    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

    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.