How do I add padding to only one side on a particular page?

Technical Q&A
1

Hi,

I am trying to increase the margin or padding on the Right hand side of this contact us page so that it is even with the left (see photo below and red box where I would like to increase the margin/padding). I have been going through both liquid and CSS code and reading other threads but haven’t been able to figure out what I’m missing.

This is the link to the page.

https://northampton.net.au/pages/contact-us

Would appreciate if anyone is able to assist or lead me in the right direction.

Screen Shot 2022-09-22 at 7.57.59 pm.png
Screen Shot 2022-09-22 at 7.57.59 pm.png2866×664 108 KB

1 Like
2

Hello @Northampton !

You need to change max-width CSS (https://prnt.sc/DEnEA_tQL5_g) to add the space here: https://prnt.sc/tfLodpfTj0sp

Hope this helps.

3

@Northampton

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-style.scss ->paste below code at the bottom of the file.
.page-contact-content .col-lg-7 + .col-lg-5 {
    max-width: 590px;
}
4

Thank you @rutvik_shop , took a bit of tweaking and trial an error with the distances but this worked a treat!

1 Like
5

@Northampton Great! You’re welcome :blush: