Woocommerce product tab change from vertical to horizontal with image

marconisim · June 2020

Hi guys,

I been look around on how to change my woocommerce tab from vertical to horizontal

the following is my site screenshot which it is show a vertical tab

what i really want to achieve is something like below link.

I been play around with different CSS but so far i got no luck, can anyone help me please?

Basically anything to help me to change from vertical to horizontal for my product tab will give me a start~

Thanks

Marc

Pablo · June 2020

Hello Marc,

All of the layouts types of the product page are available to set in the Theme Options > Blog, Portfolio & Shop > Shop

You will surely find something fine for you

thanks

marconisim · June 2020

Omg, you have no idea how much time i spend to do this simple thing. Thank You so much!!!!

marconisim · June 2020

Hi Pablo, would you able to help also how i can change the tab title font size and also add an icon before the title please?

Thank you!!

Pablo · June 2020

To add an icon in the title of tab, add the icon name in <i> tag class parameter, as on the screenshot:

List of the icons here:

About increasing the font size, you will surely have to use the custom css code.

thanks

Comments