Page background covers background image

  • Resolved George Holland

    (@z00bal00nie)


    10 years, 1 month ago

    I have an iMAC with OSX 10.9.5, and have the Chrome browser. My site is http://www.hollandcopy.com. I am using a Twenty Sixteen Child theme and the page background is so large that the tiled background image can’t be seen. How can I reduce the page background size so that the background image tiles can be seen? Also, the configurator will not allow me to change the site background color. I can change the page background color, but not the site background color.

Viewing 3 replies - 1 through 3 (of 3 total)
  • jdihn

    (@jdihn)

    10 years, 1 month ago

    try adding this to your style.css if you have child’s theme if not, install simple custom css and go to appearance, custom css and add…

    .site {
    width: 100%;
    margin: 0 auto;
    }

    .site-main {
    max-width: 100%;
    overflow: hidden;
    }

    to change the page background color go to Appearance, Colors, and you can change the site and page background color there.

    Thread Starter George Holland

    (@z00bal00nie)

    10 years, 1 month ago

    Hi jdihn,

    I may not have made my request clear. When I added your code to the style.css, the page background expanded so that none of the site background could be seen…just the opposite of what I wanted. I suppose I can dink around with the width % and the margin size to change the page background to what I need. So, thank you for that suggestion.

    Also, for some reason, I go to Appearance>Customize>Colors and can change the color of the page background, but not the site background. I’ll try to find some style.css code to do the trick.

    Thanks for your help.

    Thread Starter George Holland

    (@z00bal00nie)

    10 years, 1 month ago

    Hi jdihn,

    Your code did the trick. All I had to do was change the width: from 100% to 75% and I could see enough of the background image tiles to make me happy.

    BTW – you were also right about changing the color of the site background. What I didn’t realize is that if the background image is tiled, the color of the site background can’t be seen.

    Finally, testing on an iPAD mini and iPhone 6 was responsive, so I am gtg.

    You so cool!!

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

The topic ‘Page background covers background image’ is closed to new replies.