Repository Forums Support WooCommerce Pricing Rules PRO Price table not properly formatted

Topic Resolution: Resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1611
    Camilo
    Participant

    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?

    #1615
    Soft79
    Keymaster

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

    #1616
    Camilo
    Participant

    Any help is appreciated.

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

    #1617
    Soft79
    Keymaster

    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;
    }

    #1618
    Camilo
    Participant

    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?

    #1619
    Soft79
    Keymaster

    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.

    #1620
    Camilo
    Participant

    Way better now. Thank you!!!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.