Remove Related Products Heading from Product Page

Support
#1

Hello,

I’m trying to remove the heading from all product pages for “Related Products”.
I’d rather it just showed the products without the heading.
How can i remove it?

https://vitalitycbd.com/x/#/options?url=https://vitalitycbd.com/buy/organic-cbd-oil-500-mg

Thank you!

Jesse

#2

Hello Jesse,

Please add this code in X > Theme Options > CSS:

.woocommerce .product .related.products h2 {
    display: none;
}

Hope this helps.

#3

Awesome, thank you.

Any idea how to remove the headers under each tab that repeat themselves?
Like “Description” is displayed in the tab, and then again immediately below it as a header.

Jesse

#4

Hello Jesse,

Thanks for updating the thread. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.woocommerce div.product .woocommerce-tabs h2 {
    display: none;
}

.x-tab-content>.active {
    padding-top: 2% !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Thank you worked perfect

#6

You’re welcome!
Thanks for letting us know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.