Tabs Woocommerce to SinglePost

[cutxo]

Is there any way to apply the same style/effect from tabs of woocommerce to the tabs in a single post??

here are tabs in woocommerce:
http://disolcom-cp537.wordpresstemporal.com/disolnet/?product=crimping-tool-isolated

and here tabs in single post:
http://disolcom-cp537.wordpresstemporal.com/disolnet/?p=786#1514411217866-4a32a628-3e6c

they look similar but they are not the same, because in small devices or by minimizing the screen they look totally different.

could you help me with this?

[Maria Do]

Hi cutxo

This case you have to customize theme to change style of tabs in a single post.

“they look similar but they are not the same, because in small devices or by minimizing the screen they look totally different.”—– Could you show me some screenshots to clarify you mean?

Thanks!

[cutxo]

Yes!! Of course
This is the demo from woocommerce tabs:
http://disolcom-cp537.wordpresstemporal.com/woocommerce.png

and here the demo from single-post tabs:
http://disolcom-cp537.wordpresstemporal.com/single-post.png

Both are for small screens
Thank you in advance!

[Maria Do]

Yes i can see you mean.Because these are two different components: one from Woocommerce plugin and one from content of your post. You have to add more style for your tab in single post to get the same style with Woocommerce.

Thank you.

[cutxo]

Great! That was what I was trying hardly before, but I Didn’t get success
Could you show me some examples?
Thank you so much!

[Maria Do]

Hi cutxo

You need have some knowledge about bootstrap and CSS to do next custom. You have to enable Debug code in your browser to do it. For example:

http://prntscr.com/huyng2

Thank you.

[Author]

Posts