Reply To: Accordion Product Page Styling

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-accordion-title.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
body .woodmart-accordion-title:before{
     position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    color: #bbb;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    content: "\f124";
    font-family: "woodmart-font";
    backface-visibility: hidden;
    perspective: 800px;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 800px;
}
.woodmart-accordion-title:after {
display:none;
}
body .woodmart-accordion-title{
padding-left:30px;
}

Best Regards