[Resolved] Make Background Padding Smaller on Spacious Theme

Home Forums Support Make Background Padding Smaller on Spacious Theme

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1298426
    Bobby

    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.

    #1298538
    Leo
    Staff
    Customer Support

    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%;
        }
    }
    #1298660
    Bobby

    Thank you!

    #1298761
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.