How to change padding of Price Table cells (like Title cell)
Hi,
I’m struggling to figure out how to customize Price Table widget. The title table has 20px padding (top and bottom), and I’d like to know how to reduce it. I’ve tried overriding CSS (.ow-pt-title) like this:
.ow-pt-title {
padding: 0px 0;
}
but it didn’t work. How can I change it?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Never mind, it seems it’s working, the preview page that I was constantly reloading was “out of date” (I guess you need to click on the PREVIEW button each time you make some deeper changes).
Hm, and it ignores it again. I’m not sure how this works… If I open my page in Chrome and inspect the Price Table, this is what it gives me:
https://betalord.com/tmp/pricetableproblem.png
In “Appearance -> Custom CSS” I do:
.so-widget-sow-price-table-atom-72df40a532e5 .ow-pt-columns-atom .ow-pt-column .ow-pt-title { padding: 0px; }So, why it doesn’t use my custom CSS in this case? What am I doing wrong?
Hi Lord
You’re most likely encountering a cascade issue https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance.
You could either make your rule more specific or add
!importantpadding: 0px !important;Yep, “!important” did it, thanks!
Super, glad to hear that helped :)
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.