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 16 replies (of 16 total)
  • Thread Starter suns

    (@suns)

    That’s correct yorgo… however, I would recommend that don’t do what I first did and place your image within the simple-catch folder… i.e.:

    background:url(/wp-content/themes/simple-catch/images/newheaderimage.jpg) left bottom repeat-x;

    the reason being that as soon as you update to any never versions of the simple catch template your images will be overwritten/removed too if they are stored in that folder.

    Instead, put them in your uploads folder (I place them in a subfolder called ‘coreimages’ so they don’t get mixed up with post/page images)

    if you place something like the following into your design settings-css code it should work… does with me anyway.

    #header {
    background:url(/wp-content/uploads/coreimages/header-bg4.jpg) left bottom repeat-x;
    }

Viewing 16 replies (of 16 total)
  • The topic ‘Simple Catch, changing header background image’ is closed to new replies.