Background image not showing up(!)

  • Hi, I’m new… I did searches and didn’t find an answer, maybe you can help me?

    I am using a template that was made for 1.2, I got it to work with 1.5 except that the image doesn’t show up at all.

    I have it linked like this,

    body {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url(/images/saintlogo.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    }

    … and the image is in it’s proper location. I’ve tried everything… please help?

    Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)

  • for the url you might want to try
    images/saintlogo.jpg

    just a quick guess ??

    also try adding quotes to it:

    url('images/saintlogo.jpg');

    I was under the impression that urls should also be in quotation marks…
    https://www.w3.org/TR/CSS21/colors.html#background-properties

    Thread Starter saint

    (@saint)

    Thanks alphaoide… it came with the slash in front and I tried without, doesn’t seem to make any difference. wouldn’t be surprised if it was something simple like that though..

    Thread Starter saint

    (@saint)

    Hmm.

    Quotes = no difference

    well, do you know exactly where the image is relative to the css file?

    Thread Starter saint

    (@saint)

    It’s in the same folder as the css file, in another folder called ‘images’. I tried putting it in the same folder and bypassing the images folder but… yep, same thing.

    This problem has stumped me for a while, I tried a lot of google searches etc. I’ve read tutorials on css but I’m not very experienced yet.

    about time for bed here in my part of the world… thanks for the help everyone ??

    Could you give us a link to the site? It would be very very helpful. Or do you want to keep it a secret? ?? I understand that, too

    The shorthand property ‘background’ is considered better supported than using the individual properties such as ‘background-image’ , ‘background-attachment’ etc.

    Try using:

    background: url(images/saintlogo.jpg) fixed no-repeat right top #fff;

    Quotes around the url aren’t needed and can cause problems with IEMac, the leading slash also should not be needed if the folder is in the same one as the stylesheet, be careful to ensure spaces after the url closing brace, position is quoted horizontal then vertical.

    This may help, but also has the benefit of reducing file size.

    Hugo.

    Thread Starter saint

    (@saint)

    Well, the maker of the template is helping me out now ?? Maybe we’ll figure it out now.
    Trying the different link to the url didn’t seem to work either.

    The url is saintcompany.com, I didn’t post it yesterday ’cause I just bought it and it wasnt’ leading to my site yet. If you go to it you’ll see it’s directed at the parent directory… not sure how to get it straight to wordpress yet. Moving the wordpress folder just made it not work at all.
    -Avy

    One problem could be that you have document type declarations, head tags and body tags twice (and slightly different) for some reason. But it’s good that you have the theme author to consult

    Try validating the page first. I got errors with the doctype, html & head tags, so it might just be horking the rest on principle.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Background image not showing up(!)’ is closed to new replies.