Tutorials

• Add arrows in the product page on tabs

Add arrows in the product page on tabs

• Open Edit code > Assets > theme.css.liquid
• Paste this styles in the end of the file theme.css.liquid
  .tt-product-single-info .tt-collapse-block .tt-item .tt-collapse-title{ position: relative; } .tt-product-single-info .tt-collapse-title:before{ display: block; position: absolute; font-family: 'wokiee_icons'; font-size: 14px; line-height: 24px; right: 0; color: #777777; } .tt-product-single-info .tt-collapse-block .tt-item .tt-collapse-title:before{ content: "\e90c"; } .tt-product-single-info .tt-collapse-block .tt-item.active .tt-collapse-title:before{ content: "\e90f"; }
• Arrows color you can change in line with text color
  color: #777777 in the .tt-product-single-info .tt-collapse-title:before;
• Save page