Viewing 8 replies - 1 through 8 (of 8 total)
  • Here is some CSS that will allow you to add padding to your content.

    Just copy and paste it from here to Appearance> Theme Options> Advanced Settings.

    .page-id-6 .entry-content {
        padding-left: 40px;
        padding-right: 40px;
    }

    Let me know if that works for you!

    Thread Starter CAM

    (@caitlinmccartan)

    Perfectly, thank you!

    Thread Starter CAM

    (@caitlinmccartan)

    In follow-up to this, is there a way to program this padding on every page of the site rather than just one?

    Simply change the CSS to this.

    .entry-content {
        padding-left: 40px;
        padding-right: 40px;
    }

    Let me know if that works for you!

    Thread Starter CAM

    (@caitlinmccartan)

    That did it, thanks!

    Thread Starter CAM

    (@caitlinmccartan)

    Sorry, just noticed that on a phone it doesn’t work properly (text space is super thin). Is there way for this to work better responsively?

    My mistake! Here is the proper code for it to work on mobile.

    @media (min-width: 992px)  {
    .entry-content {
        padding-left: 40px;
        padding-right: 40px;
      }
    }
    Thread Starter CAM

    (@caitlinmccartan)

    Perfect, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Padding around body copy on one page only’ is closed to new replies.