Support » Plugin: YITH WooCommerce Product Add-Ons » Conflict with Custom CSS

  • Resolved completemobility

    (@completemobility)


    Hi,

    I have had fantastic results using the ‘WooCommerce Product Add On’ plugin from YITH, however today I have discovered a conflict when using Custom CSS.

    I wanted my products to show both the ‘ex VAT’ and ‘in VAT’ price, with the ‘in VAT’ price being displayed below the ‘ex VAT’ price.

    The code I used (which is rather long!) is as follows…

    .amount bdi {
        position: relative;
    }
    
    .woocommerce-Price-amount.amount {
        display: block;
    }
    
    .woocommerce-Price-amount.amount bdi:after {
        content: "ex vat";
        margin-left: 5px;
        font-size: 14px;
    }
    
    .woocommerce-price-suffix {
        display: block;
    }
    
    .woocommerce-price-suffix .woocommerce-Price-amount.amount bdi:after {
        content: "inc. vat";
        margin-left: 5px;
        font-size: 14px;
    }
    .woocommerce-price-suffix {
    font-size: 14px !important;
    font-weight: normal !important;
    }

    This worked great as displays both prices just how I want! However, within the ‘Single Product’ pages, underneath the ‘Additional Extras’ tab that is ran by the YITH plugin, the product add on prices are now everywhere!

    It would be absolutely amazing if anyone out there could lend a hand in solving this, so that the ‘Additional Extra’ prices displayed are back to normal, but not affecting the ‘in VAT’ and ‘ex VAT’ product prices that are displayed next to the product?

    Thank you for your help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Leanza Francesco

    (@leanzafrancesco)

    Hi,
    and thank you for writing in!

    Please try adding the following code snippet to Appearance > Customize > Additional CSS

    .ywapo_options_container .woocommerce-Price-amount.amount{
        display: inline;
    }
    
    .ywapo_options_container .woocommerce-Price-amount.amount bdi:after,
    .ywapo_options_container small .woocommerce-Price-amount.amount,
    .yith_wapo_group_total .price.amount + small{
        display: none;
    }

    and let us know if this will do the trick!

    Thread Starter completemobility

    (@completemobility)

    Fantastic, this worked! Thank you so much! 😀

    Plugin Support Leanza Francesco

    (@leanzafrancesco)

    You are welcome!

    If you like the plugin and our support, please, support us with a 5-star review.
    It takes just a minute.
    Thank you! 😉

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