Monday, November 14, 2022
HomeWordPress Developmentplugins - Woocommerce Product Web page Collapsible Field Utilizing CSS

plugins – Woocommerce Product Web page Collapsible Field Utilizing CSS


enter image description here

I’ve a product web page and the product itself has a number of parts that function add-ons and these are in a collapsible field. Usually you click on ‘Add-ons’ and the field expands, exhibiting every little thing you’ll be able to add to the bottom product. I not too long ago up to date woocommerce and now the add-on field is caught and isn’t collapsible.

Can somebody assist? I am undecided why it is solely now enjoying up.

.woocommerce span.onsale{
}
div.wc-pao-addons-container.shut(collapsible){peak: 35px;
    overflow: hidden;
    margin-bottom: 15px;}
.wc-pao-addons-container{
    transition: all 2s ease-in !vital;
    border:1px strong #446084;
    border-radius:5px;
    padding:0px 5px;
    margin-bottom: 5px;
}
.wc-pao-addons-container h2{font-size:17px;colour:#446084;margin-top:6px;}
.wc-pao-addons-container h2 i{float:proper;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%;show:inline-block;}
.wc-pao-addon-description p{width:100%;font-size:12px;    colour: ; `text-align: left !vital;}
.wc-pao-addon{margin-bottom:5px;}
.input-text.wc-pao-addon-field{width: 45px;peak:25px;box-shadow:none !vital;padding:0;padding-left:3px;}
.wc-pao-addon p{margin-top:0;text-align:proper;}
div.product-addon-totals ul li{margin-left:0px !vital;} 
div.product-addon-totals ul li p{width:100% !vital;text-align:proper;}
div.amount.buttons_added,
button.single_add_to_cart_button{float:left;}
[![.addquotelistlink{display:inline-block;padding-top:0;}][1]][1]

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments