Display text before product tabs(mobile version)

Hi @thefrisb,

That’s going to be controlled by your site’s theme. Depending on how your theme was built, there may be settings available to control the layout of the product page. Our plugin doesn’t do anything to customize the tab layout itself.

Let me know if that helps,
Jon

Thanks for the response!

Isn’t there a way to modify it via css?

Hi @thefrisb,

Yes, you will need to edit your theme’s CSS. I see

.woocommerce-tabs .panel {
    float: right;
}

Removing that would be a good start.

Let me know if that helps,
Jon

Hi @thefrisb,

If you want to safely override the CSS you can use

.woocommerce-tabs .panel {
    float: none;
}

• If you’re using WordPress 4.7 or higher, you can go to Appearance > Customize > Additional CSS and place the code there.
• If you created this theme yourself, you can add it to your style.css file
• If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
• Your theme may have a “Custom CSS” option. If it does, then you can paste it in there.
• You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

• This reply was modified 3 years, 8 months ago by Tracy Levesque.

Oh sorry i think you might have misunderstood me.
I was looking into guidance if you could help me to achieve
this certain style.
Image down below;
The result i want to achieve

Hi @thefrisb

This is something you should ask your theme designer, because it is beyond the scope of our plugin.

Our plugin only provides the ability to add tabs. It doesn’t define or change the way the tabs look. We don’t add any HTML or CSS to a site that could change tab layout and style.

The way the tabs look is defined by your theme and WooCommerce itself. You should submit a ticket with your theme developer and they may be able to help you with style and layout.

Stay well!
-Tracy