Hello guys,
Enfold + woocommerce
What Quick CSS i could use to adjust font size (on single product page only) for:
– product name
– product price
– product short description
Thanks!
Kind Regards,
Denis
Hey dmaca!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.single .product_title {
font-size: 50px;
}
.single span.amount {
font-size: 30px!important;
}
.single #tab-description p {
font-size: 18px;
}
Cheers!
Yigit
Hello Yigit!
Sorry, i was out and couldnt thank you earlier.
Thank you very much!
First 2 codes work great.
But the last one
.single #tab-description p {
font-size: 18px;
}
adjust font size of full Product description under corresponding tab.
What i needed is font size adjustment for Product short description which is right under product price.
And could you help with a code to hide “Additional information” tab?
Thanks again
Kind Regards,
Denis
Hey!
1) Try this code instead:
.single #wrap_all div[itemprop="description"] p{
font-size: 18px;
}
2) Please add this code to the child theme functions.php file to hide the additional informartion tab. You can also add it to enfold/functions.php if you don’ use a child theme:
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] ); // Remove the additional information tab
return $tabs;
}
Cheers!
Peter