Background Image/MistyLook 3.7.2

  • Resolved mycoachkennedy

    (@mycoachkennedy)


    15 years, 10 months ago

    Hello,

    I recently downloaded and installed MistyLook 3.7.2. My blog address is https://sudscription.com Below please find the code that I modified to include my image as the background. I’m not sure what else I need to do as my image is not appearing. Please advise. Thank you.

    body
    {
    background: url(‘images/sudscription-background.jpg’) no-repeat center top;
    margin: 0;
    font: 76%/1.6em verdana, tahoma, arial, sans-serif;
    color: #333;
    text-align: center;
    }

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

  • Try this instead: background-image: url(‘images/sudscription-background.jpg’)no-repeat center top;

    [signature moderated Please read the Forum Rules]

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Motivatebusiness,

    Thanks for your tip. I tried it as well but still no change to background.

    Have a great day!

    Should it really be sudscription-background.jpg? With a “d?”

    Maybe the problem is a simple misspelling?

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Ascechrest,

    So cute…looking out for a possible typo. But no the spelling is correct with the “d”. Any other ideas? Thanks for your help.

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Asechrest,

    Ooops, my apology for the typo in your username.

    Hah! Sorry, that should have been obvious given your site’s domain name. Read your OP too quickly.

    I’ll try to help once I get home to my beloved Firefox. =D

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Asechrest,

    Thanks again. I look forward to any other suggestions you come up with.

    Ok, it looks like all the URL paths in your style.css are incorrect. The way you’ve got your CSS now, it’s looking for the background image in https://sudscription.com/img which doesn’t appear to be where the image is located.

    For the body background image, try changing it to this:

    background: url('/wp-content/uploads/2009/05/sudscription-background.jpg') repeat center top;

    This appears to be where your background image is located, and I’ve changed no-repeat to repeat as I assume this is the affect you’re going for.

    Regarding file paths, if all else fails, use the full file path of the image.

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Asechrest,

    Big round of applause to you! Yes, your recommendation solved my day long problem. I had uploaded the same image everywhere – Media library, wp-admin/images & wp-content/themes/MistyLook/images.

    Based on your solution – which folder turned out to be the one the image was eventually accessed?

    FYI- I’m new to all of this and have been referring to WordPress For Dummies. I set up my code exactly as mentioned in the book and I’m not at all clear why I didn’t get the desired results.

    I have one other nagging problem. I’m hoping you can steer me in the right direction. I would like to remove the sidebar from my static “pages” and just have it appear on the blog page.

    Can you help me with simple to understand instructions or which code should I post for reference?

    Thanks again. You have really made me smile.

    Thread Starter mycoachkennedy

    (@mycoachkennedy)

    Hi Asechrest,

    Happy Friday to you! You are probably busy rescuing someone else from the unexpected hurdles of creating a weblog.

    BTW – I figured out how to remove my sidebar from my static pages. Okay, back to more tweaking.

    Thanks again for your help yesterday.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Background Image/MistyLook 3.7.2’ is closed to new replies.