Notice: this information was written when Microthemer version 2 was current. On Dec 26th, 2014 version 3 was released with a completely new interface. Some of the information may be redundant, but as much of
the functionality remains the same in version 3 we haven't deleted this post.
Hello,
I’ve installed Blank Woocommerce but I’m struggling to find the selector to style on the single product page the tabs : description/additional information/review.
What I found is styling also the bullet point in the description’s paragraph.
You can style the single product tabs using the selectors in the general WooCom Tabs section.
The selectors shouldn’t be targetting the bullet points in the product description area. Are you using the latest version of Blank WooCommerce? It was updated a while ago: https://themeover.com/blank-woocommerce/
The CSS selectors for each selector in the WooCom Tabs section is as follows:
Tabs Wrapper div.product .woocommerce-tabs
Tab List div.product .woocommerce-tabs ul.tabs
Tab div.product .woocommerce-tabs ul.tabs li
Tab Link div.product .woocommerce-tabs ul.tabs li a
Tab Link Hover .woocommerce-tabs ul.tabs li a:hover
Tab Active div.product .woocommerce-tabs ul.tabs li.active
Tab Active Link div.product .woocommerce-tabs ul.tabs li.active a
Tab Panel div.product .woocommerce-tabs .panel
Tab Panel Heading div.product .woocommerce-tabs .panel h2
You can check if the Selector has the right CSS code by hovering your mouse over the selectors in the dropdown menu in the visual view.
Please let me know if you need more help with this (and post a link to your site perhaps)
