Price table not properly formatted

[Camilo]

After installing the plugin, I tested on a product but the price table is not being formatted properly.

The unit price is being formatted withing the table using same font and background and the table has extra spacing between each row.

How can this be fixed?

[Soft79]

You can override the css. If you need help, please send an url to a page with pricing table at your store.

[Camilo]

Any help is appreciated.

This is the url
http://dacsys.io/index.php/product/usb-mini-b/
Thanks

[Soft79]

I’m no expert in css, but it seems the background color of the table ‘leaks out’ because <p class=”price”> floats left.

Try adding this css, it will remove the background color and looks a lot better:

div.soft79-discount-description {
background-color: transparent;
}

[Camilo]

Thanks for your suggestion, I imagine that would not help with the extra spacing in the table.
Can you please point me to how to add the .css

Should Manually added to …/wp-content/plugins/soft79-wc-pricing-rules/assets/css/frontend.css?

[Soft79]

I see you managed to add the css already. For the spacing use this:

div.soft79-discount-description td, div.soft79-discount-description th {
padding: 1px 6px 1px 0;
}

Play around with the 4 numbers. First is top padding, second is right padding, third is bottom padding and 4th is left padding.

[Camilo]

Way better now. Thank you!!!

[Author]

Posts