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].
I’ve a streched row with 2 columns cointaining 2 image widgets. I need a 4px space between the 2 columns so I tried using, for the left column:
#pg-100-1-0 .panel-grid-cell {
padding-left: 0px !important;and for the right one:
#pg-100-1-1 .panel-grid-cell {
padding-right: 10px !important;but without any effect. It seems that the padding works only for the container #pg-100-1, in fact using here padding-left/right it adds the padding but at the right and left of every column. I’ve also noticed that adding a gut in the options of the row, it simply add a padding-left/right to every column.
Is there a way to target a single column/cell to modify the padding of only a side?
I’ve searched in the forum without finding any solution.
Hi Zeitan
Unfortunately there is no way to target a specific Cell without inspecting the page and using custom CSS.
Do you have a public URL to the page where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
Thanks
Magus
This is a private message.
This is a private message.
Hi Zeitan
Please try adding the following to your custom CSS
#pg-1101-0 :first-of-type.panel-grid-cell { padding-left: 0px; padding-right: 2px; } #pg-1101-0 :last-of-type.panel-grid-cell { padding-right: 0px; padding-left: 2px; }Let us know how you get on
Magus
Thank You!!
It works like a charm!
Hi Zeitan
No worries, If you need any more help please feel free to open a new support thread.
Magus