(FF) Single Product Page Tabs

[ann]

ann

October 15, 2014 at 2:10 pm

Refining the Tabs on the Single Product Page.

This is the css used now, but it seems verbose, is all this code really needed to target the tabs?
/*Change the tabs padding*/
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
padding: 0.5em 0.5em;
color: #B0A59B;
}

/*Change the color and shading of the tabs (Description)*/
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: -moz-linear-gradient(center top, #F5F4F1 0px, #D8D4CA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #BEC0C1;
color: #606265;
}

/*indent the single product description text*/
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel {
padding-left: 8%;
padding-right: 12%;
}

Thanks
~ Ann
http://www.FrancescasFancy.com (not live yet)

* * * *