full image background (not tiled) not working

  • Resolved stargirl1

    (@stargirl1)


    12 years, 2 months 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 https://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 https://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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter stargirl1

    (@stargirl1)

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

    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.

    Thread Starter stargirl1

    (@stargirl1)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter stargirl1

    (@stargirl1)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter stargirl1

    (@stargirl1)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter stargirl1

    (@stargirl1)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Perhaps try a background slider plugin https://www.ads-software.com/extend/plugins/full-page-full-width-backgroud-slider/

    Thread Starter stargirl1

    (@stargirl1)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘full image background (not tiled) not working’ is closed to new replies.