Dash Theme Tutorials

Print

How to restyle Woocommerce product tabs within Dash Furniture theme

In some cases, classic horizontal position of product tabs suits your site’s design much better.

Once you decided to restyle single product tabs, just use the code below.

/*Single product tabs restyling*/
@media(min-width:641px) { 
div.product .woocommerce-tabs ul.tabs { 
width:100%; } 
div.product .woocommerce-tabs ul.tabs li { 
float:left; 
width:25%; 
} 
div.product .woocommerce-tabs:before { 
background:transparent; 
} 
}

Couple actions and you’re able to move forward with your project:) No Woocommerce tab plugin required. Paste CSS overrides straight to WordPress Customizer’s additional CSS field and save changes. Clear cache if needed.

 

Leave a Reply

Your email address will not be published. Required fields are marked *