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’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?
Never 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 :)