Hello,
I replaced the previous code with the below to add the FA icon instead of the existing one
.template-container .toggles-by-arrow .open-child:after { display: none; } .single-product .template-container .woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab .open-child { background: black; color: #F3B71B; width: 24px; height: 24px; } .single-product .template-container .woocommerce-tabs.toggles-by-arrow .active:not(li)>a .open-child:before, .single-product .template-container .woocommerce-tabs.toggles-by-arrow .over>a .open-child:before, .single-product .template-container .woocommerce-tabs.toggles-by-arrow li.et-active>a .open-child:before { left: 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .single-product .template-container .woocommerce-tabs.toggles-by-arrow .open-child:before { content: "\f358"; font-family: "Font Awesome 5 Free"; position: relative; font-size: 24px; height: unset; background-color: transparent; -webkit-transition: none; transition: none; } .single-product .template-container .woocommerce-tabs.toggles-by-arrow .open-child::before { left: unset; -webkit-transform: none; transform: none ; }
Regards
