WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] full image background (not tiled) not working (13 posts)

  1. stargirl1
    Member
    Posted 1 year ago #

    Hi, I'm wanting to use a full image in my background on my site. i don't want it to be tiled. i found this tutorial http://wpmu.org/how-to-add-a-background-image-to-your-wordpress-site/

    and used the following code

    body {
    background: #6B8CC2;
    background-image: url(images/934718_93591131.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    }

    but as you can see on my site, here http://www.lizartlizard.com/lltest/, it's not filling up the whole background. i do not want a tiled image.

    if there's a better suggestion on how to achieve a full background photo i'm open to suggestions.

    yes i use firebug, yes i've searched the forum, and yes i have a child theme installed.

    thanks in advance

  2. stargirl1
    Member
    Posted 1 year ago #

    forgot to mention i'm using the twenty eleven theme.

  3. dragonsjaw
    Member
    Posted 1 year ago #

    Your Image is 1024px x 1024px
    You will need to make it longer if you want it to go full page..and that will change with the amount of content you have on the page.

  4. stargirl1
    Member
    Posted 1 year ago #

    great that worked...how can i make it scroll (fixed picture with scrolling site, like if you set it through the admin panel).

    i tried adding this code, background-attachment:fixed;
    but it didn't work.

  5. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Are you sure that didn't work? I can see background-attachment: scroll.

  6. stargirl1
    Member
    Posted 1 year ago #

    thank you, i checked again with fixed which is what i wanted but the changes didn't show up at first. my computer is weird that way, sometimes changes don't show up till later. it's old & slow lol.

  7. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    That may be the fault of your browser. Browsers tend to save webpages so they can load them quicker, so your browser could have saved an old version of the webpage.
    You can clear your browser's cache to resolve this.

  8. stargirl1
    Member
    Posted 1 year ago #

    this effect seems to not work in the chrome browser? at least when i view it on my android tablet. when i view it in firefox it works fine.

  9. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    I'm using the latest Chrome and it's working for me.

  10. stargirl1
    Member
    Posted 1 year ago #

    ok thnks must be android then. one more question, anyway to turn that background image into a slide show? i can't decide which pic to use haha.

  11. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

  12. stargirl1
    Member
    Posted 1 year ago #

    one more dumb question, i changed the pic but now it's not filling up the background, what size do i need to make the picture?

  13. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    I don't know, 1400px wide and 1000px tall? I don't know.

Topic Closed

This topic has been closed to new replies.

About this Topic