Archived topic

Make Background Padding Smaller on Spacious Theme

3 replies · Started by Bobby on May 23, 2020

Viewing posts 1–4 of 4

May 23, 2020 at 12:23 pm #1298426

Hi. I have searched and tried multiple attempts at changing this but cannot figure out how to do it.

On the Spacious Theme, there is a grey background that provides a large margin on desktop and mobile. I have a two-part question.

1. How do I adjust the size of this for desktop (make it smaller to fill more of the screen?

2. How do I do the same on mobile devices and tablets (an @media?)?

I want to play with filling the screen with the body text on mobile to give more space to the words on a page.

May 23, 2020 at 3:09 pm #1298538

Hi there,

1. Go to Additional CSS field in the customizer and decrease the 5% in this part of CSS:

body {
    margin: 5%;
    position: relative;
}

2. Yup - it would be this CSS:

@media (max-width: 768px) {
    body {
        margin: 2%;
    }
}

May 23, 2020 at 7:24 pm #1298660

Thank you!

May 23, 2020 at 10:49 pm #1298761

No problem :)

This archived topic is closed to new replies.