How to change the default vertical tabs to horizontal tabs.

[jersey.cao]

Hi There,

I just installed the plug of WooCommerce Custom Tabs. The reason to use this plug is I want to change the default vertical tabs to horizontal tabs in the woocommerce product pages.

But I didn’t find the place to set the tabs layout.
How can I change it?

Here are two attached screenshots. The first one is the default vertical tabs layout, the second one is the correct horizontal tabs layout that I prefer to.

Looking forward to your reply soon.
Thanks.
Jersey

Attachments:

You must be logged in to view attached files.

[WebshopLogic]

Hi Jersey,

This plugin is responsible for adding new tabs.
The layout is defined by your theme and css styles.

The default layout of WooCommerce tabs is horizontal, but your theme or actual css settings change it to vertical.
You can use another theme that do leave the layout vertical, or ask your site designer to apply custom css to change your existing them’s layout of WooCommerce tabs.

I hope this information help you to achieve the appropriate layout.

Regards,
Peter

[jersey.cao]

Hi Peter,

Thank you for the response.
I also checked with the support of the theme provider. The only solution is to apply custom css to change it. I don’t want to change the theme now as I have put a lot of effort on it.

Thank you all the same.

Best Regards,
Jersey

[Author]

Posts