How can I increase the font size in product description tabs?

[Rosbif]

Hello Community,

I’m trying to work out how to increase the font size in my “Description” and “Composition” tabs on this page : https://cbd-certified.com/products/huile-cbd-qualite-premium-full-spectrum-2000mg (in French language version which is the core language of our site).

The text in question is between

and

tags in the bosy HTML. The tabs application has said that we can manage the size of font directly in Shopify’s pre-built font-size option, but this does not seem to affect the text in question.

Happy to provide further details if anyone thinks they could help provide a solution.

Thanks in advance !

[Made4uo-Ribe]

Hi @Rosbif ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.hc-tabs-wrapper__navigation__item.hc-tabs-wrapper--2__navigation__item:nth-child(1), 
.hc-tabs-wrapper__navigation__item.hc-tabs-wrapper--2__navigation__item:nth-child(2) {
    font-size: 25px;
}

Result:

I hope it help.

[ZestardTech]

Hello there.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.hc-tabs-wrapper__navigation__item.hc-tabs-wrapper--2__navigation__item:nth-child(1),
.hc-tabs-wrapper__navigation__item.hc-tabs-wrapper--2__navigation__item:nth-child(2) {
font-size: 20px;
}