Background image covering up the text on the Home Page

  • Hello all! Tried searching but can’t seem to find what I’m looking for. I want to install a background image but not cover up the text area’s on the site.

    My site is https://www.wyandotte-customs.net

    Want it to look kind of like this site. https://www.greenhousesensation.co.uk/

    see how the background image doesn’t cover everything?

    Also, I’m running Storefront with no Child theme.

    I’m a totally newbe at web design so I’m learning how to do it as I go.

    Thanks in advance for any and all help!

Viewing 1 replies (of 1 total)

  • Hi wyandotte-customs,

    You would need to add some CSS to your site to get your desired look. Something like this would work:

    #content {
    background: #ddd;
}
#content .col-full {
    background: white;
    padding: 20px;
}

    If you want an image background, you would need to replace the background: #ddd; with background: url("path/to/your.jpg");

Viewing 1 replies (of 1 total)
  • The topic ‘Background image covering up the text on the Home Page’ is closed to new replies.