Tabs on Product page: Heading

Hi there!

I’ve been inserting Tabs into a product page to display product info much easier.
While i never had any issues with Tabs on all my other pages, i have some issues on product pages. As you can see on the picture below, there are these “Bullet points” within the heading and the Tab-Titles are shifted up.
any idea how to fix this?

cheers,

nico

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us a link where we can see this issue on your website.

Thank you

http://delayon-eyewear.de/product/explorer-goggle-matte-black/

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.vc_tta-tab:before {
	display: none;
}

thanks this worked!

Any idea how i can adjust the issue with the / separators? they seam quite small and way low compared to my pages. Also now the tab-titles are not aligned in the center on mobile, regardless if held in portrait or landscape mode…

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue too

div.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tab:after {
	top: -7px;
}

no its actually not doing anything…

But you didn’t add it to the custom CSS.

I did! It was not working so i took it back out…
ill add it again and let it in…

Just for you to check…

Attachments:

You must be logged in to view attached files.

Could you please provide us your admin access so we can check it?

sure! Please email me at [email protected]
I guess posting here won’t be so smart 😛

You can post it here via the private content field without any worries.

There u go

Sorry, but we can’t login with this data. It seems to be wrong.

Please try:

Check how it looks now please.

Looks good – thanks!

You are welcome!

[Author]

Posts