plugins – Woocommerce Product Page Collapsible Box Using CSS

Question

enter image description here

I have a product page and the product itself has multiple components that serve as add-ons and these are in a collapsible box. Normally you click ‘Add-ons’ and the box expands, showing everything you can add to the base product. I recently updated woocommerce and now the add-on box is stuck and is not collapsible.

Can someone help? I’m not sure why it’s only now playing up.

.woocommerce span.onsale{
}
div.wc-pao-addons-container.close(collapsible){height: 35px;
    overflow: hidden;
    margin-bottom: 15px;}
.wc-pao-addons-container{
    transition: all 2s ease-in !important;
    border:1px solid #446084;
    border-radius:5px;
    padding:0px 5px;
    margin-bottom: 5px;
}
.wc-pao-addons-container h2{font-size:17px;color:#446084;margin-top:6px;}
.wc-pao-addons-container h2 i{float:right;font-size:12px;margin-top: 5px;
    margin-right: 3px;}
.wc-pao-addons-container h2:hover{cursor:pointer;}
.wc-pao-addons-container label, .wc-pao-addons-container
p{width:49%;display:inline-block;}
.wc-pao-addon-description p{width:100%;font-size:12px;    color: ; `text-align: left !important;}
.wc-pao-addon{margin-bottom:5px;}
.input-text.wc-pao-addon-field{width: 45px;height:25px;box-shadow:none !important;padding:0;padding-left:3px;}
.wc-pao-addon p{margin-top:0;text-align:right;}
div.product-addon-totals ul li{margin-left:0px !important;} 
div.product-addon-totals ul li p{width:100% !important;text-align:right;}
div.quantity.buttons_added,
button.single_add_to_cart_button{float:left;}
[![.addquotelistlink{display:inline-block;padding-top:0;}][1]][1]

0
jadmin1299 2 weeks 2022-11-13T21:26:28-05:00 0 Answers 0 views 0

Leave an answer

Browse
Browse