Woocommerce repeated header and tiny thumbnail

[Web_Services]

I want to fix two things on all the product pages on my site. Here is one of the product pages: https://www.newsite.storeitcold.com/product/coolbot-pro/

1. For the tabs on the page, description, additional information, and reviews. The title “description”, “additional information” and “reviews” gets displayed again when you click on these tabs, although that text is not entered on the page in edit mode. Can I get rid of this repeated header and only have it displayed on the header of the tab?

2. I want the thumbnails displayed above the image to be about 3 times bigger. I also want these thumbnails to be above the photo, rather than on top of them.

How can I do this?

[jade]

Hi @Web_Services,

@Web_Services

For the tabs on the page, description, additional information, and reviews. The title “description”, “additional information” and “reviews” gets displayed again when you click on these tabs, although that text is not entered on the page in edit mode. Can I get rid of this repeated header and only have it displayed on the header of the tab?

I checked the page you have linked but I am not able to see this issue:

Were you able to get it sorted?

@Web_Services

I want the thumbnails displayed above the image to be about 3 times bigger. I also want these thumbnails to be above the photo, rather than on top of them.

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

.woocommerce div.product .images .flex-control-nav.flex-control-thumbs img {
    height: 70px;
}

.woocommerce div.product .images .flex-control-nav.flex-control-thumbs {
    top: -55px;
}

Hope this helps.

[Web_Services]

The code for the thumbnails worked. Thank you for that!

As for the first part of the question - no, that is still unresolved. You can actually see the issue in the screenshare you did with me. So, as you can see at the start of the video: the open tab title is “Additional Information” and then right below it, you see a H1 header that says the same thing, “Additional Information.” The second header has not been added in woocommerce by me, it is there by default. So, I just want the tab title, but I do not want the header repeated in the descriptions.

Does that make sense?

[friech]

Hi @Web_Services,

Thank you for the clarifications, to remove that h2 title. please add this to Theme Options > CSS

.single-product .x-tab-content .x-tab-pane>h2 {
	display: none;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!