Making Sidney pages narrower!

Hi! Is there anyway to reduce the width of the pages in Sidney? I’d like to add a bit of padding on the left and on the right.

Thank you very much!

Hello there,

Try adding the below CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


@media only screen and (min-width:1025px) {
  .page .content-wrapper {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

To exclude your homepage, use this code:


@media only screen and (min-width:1025px) {
  .page:not(.home) .content-wrapper {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

Regards,
Kharis

That worked perfectly.

Thank you so much!

You’re welcome.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis