Docs

[outfitarena]

Hi dear X team,

Can you please help me to change the text colors of the title, text and links within the product desciption area?

[outfitarena]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.woocommerce div.product .woocommerce-tabs h2 {
    color: #000 !important;
}

.x-tab-content .x-tab-pane.fade.in.description_pane {
    color: #000 !important;
}

.x-tab-content .x-tab-pane.fade.in.description_pane a {
    color: #000 !important;
}

Please change color code as per your requirement.

Thanks.

[outfitarena]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released.

add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 );
function woo_custom_description_tab( $tabs ) {

	$tabs['description']['callback'] = 'woo_custom_description_tab_content';	// Custom description callback

	return $tabs;
}

function woo_custom_description_tab_content() {
	echo '<h2>Outfit Description</h2>';
}

Let us know how it goes.

Thanks.

[outfitarena]

This reply has been marked as private.

[Paul R]

Hi,

You can try this code instead.

add_filter( 'woocommerce_product_description_heading', 'change_product_description_heading' );
function change_product_description_heading() {
    return 'Outfit Description';
}

Hope that helps.

[outfitarena]

Perfect, thank you guys!!!

[Rahul]

Glad we were able to help you out.

Let us know if we can help with anything else.

Thank you.

[Author]

Posts