Hey there,
is there an easy way to make the description on the single product page full-width with CSS without tampering with core Woo files?
Thanks
Hey Justin,
Can you try adding this php code in functions.php:
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 12 );
Best regards,
Nikko
Close…thanks Nikko
But some odd stuff still happening here.
Hi Justin,
Please use only this code:
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 12 );
then in wp-content > themes > enfold > config-woocommerce > config.php find (line 1141):
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
just comment it out or remove.
Best regards,
Nikko
Nikko, do I add this file to my child theme? I was trying to avoid any customization with theme files.
The word ‘description’ (shown twice) is not needed at all. Neither is the border. The h2 tags are 16px :/
Do I simply rely on just styling the rest of it to get my desired results?
Thanks
Hi Justin,
Please try using this css:
#tab-description h2 {
display: none;
}
Best regards,
Victoria
Thanks Victoria, did a few CSS updates.
But trying to now get rid of related products….but it’s not reflecting on the front end for me.
Hi Justin,
The link you posted redirects to the homepage, please check.
As for the issue, try to clear the cache (plugin and browser).
If that doesn’t help try to temporarily disable CSS file merging and compression in Enfold > Performance.
Best regards,
Nikko
Thanks Nikko,
Added some further customization to the functions file and sorted it out.
Hi Justin,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko