How do I get a REAL background image, instead of one that surrounds WP pages?

  • Resolved Ed Love

    (@love65ed)


    5 years, 1 month ago

    Gday all, I’ve tried all sorts of CSS solutions, plus the odd plugin, but they have all so far only given me a background that doesn’t touch the central WP page.

    How can I use a background image for the entire page, and not just the area outside the main WP page?

    I’ve included a link from a Google search, just so you can see what I’m talking about. The WP page still has a white background, which is NOT what I want.

    Thanks from down under yet again for any advice ??

    Ed

    The page I need help with: [log in to see the link]

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

  • Without seeing the actual page, the best guess is that the central column has a white background set on it, and that’s covering the background image set for the page.

    Thread Starter Ed Love

    (@love65ed)

    Ah, that sounds possible! I’m using Twenty Ten, as I’m trying to keep things simple.

    I’ll see if I can dig around in the CSS, unless there’s an easier way?

    Thanks for the quick reply!

    For that sort of problem, no. Digging around in the CSS is about the only thing that you can do. Just remember that the debug tools on your browser are your best friend when you’re trying to track down things like this!

    Thread Starter Ed Love

    (@love65ed)

    Thanks, I thought so. I’ll see what I can find.

    p.s. nice cat! Yes, I’m a crazy cat guy ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Example of the developer tools in Chrome: https://developers.google.com/web/tools/chrome-devtools/css

    The idea is that you find the CSS that is causing the issue, then you write new CSS that overrides it into the “Additional CSS” part of the dashboard. Usually you can just copy and paste the CSS you find and change the values.

    Thread Starter Ed Love

    (@love65ed)

    Yes, I’ve played with that before, usually with FF. Are the Chrome tools better?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not that I know of, it’s just your preference.

    Hi @love65ed ,

    For Twenty Ten please try this CSS.

    
#wrapper {
    background: transparent;
}

    or

    
.hfeed {
    background: transparent;
}

    Either should work.

    Screen capture of the result.

    View post on imgur.com

    So, the next challenge–is this what you really want to do and how will you make your text readable?

    Good luck!

    Thread Starter Ed Love

    (@love65ed)

    Thanks, Mark, that did the trick! How to make text readable? I’m using an off white crumpled paper image, and will lighten it until the text looks clear.

    Thanks to all who replied, MUCH appreciated!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I get a REAL background image, instead of one that surrounds WP pages?’ is closed to new replies.