Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi,
I am trying to get the contact form central on the page by using padding on Siteorigin CSS. It works on the screen but when I save and view the page nothing has happened.
I have cleared the cache and everything but still the same.
Thanks
Hi Andy,
I’ve had a look at your page and the content area is centered for me. Can you please show me a screenshot of what you’re seeing? Please note that we’re currently unable to process attachments at this time so you’ll need to upload your screenshot to a third party image hosting site like Imgur or vgy.me.
Hi Alex,
Thanks for your reply, See the link below to a screenshot. I have put the arrows on to try and show how it is placed over to the left and not central to the whole page.
Thanks for any help you can give. Through chrome inspector I have found I want 100px padding on the left to shift it over and then will be central. Have input this on the custom CSS but it wont save.
https://vgy.me/Kk9krL.png
Hi Andy,
Thanks. Your left cell is 41% of the row and your right cell is 58% of the row. This means that up more room than the left
cell so the balance is inherently off-centered. To correct this you’ll need to open your row and adjust the cell widths to ensure they’re equal.
If you would like to maintain the current cell widths, you can apply padding directly to the left. Open the row by clicking the wrench icon above the row, select the left column by clicking the blue area in the first cell – avoid clicking the percentage amount or you’ll enter resize mode. Go over to the Styles Sidebar and scroll down to the Cell 1 Styles section. Open the Layout settings group and apply Padding as desired.
As you’re looking to add a large amount of padding, I recommend removing this Padding on mobile to prevent misalignment when the cells collapse on mobile. This can be done by setting the Mobile Width to 0 0 0 0