URGENT Change Product Tab Font to Custom Font

[duart2023]

Hi,

I have installed 'Easy Tabs - Product Tabs' app for my product pages & tabs for descriptions, sizing and materials under the custom liquid code - {% render 'product-description-tabs', product: product %} on each product page.

Instead of the current 'mono' font, I would like for the heading of each tab to show as my custom font of 'Font-family: 'Resial Bold Condensed'

Website URL: https://duoarthouse.com.au/

[Dan-From-Ryviu]

Hi @duart2023 
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

.easytabs-container .easytabs-accordion-item .easytabs-header-text { font-family: 'Resial Bold Condensed'; }

[Moeed]

Hey @duart2023 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.easytabs-container .easytabs-accordion .easytabs-accordion-item {
    font-family: 'Resial Bold Condensed' !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[duart2023]

@Moeed Thank you!! Is there any way to make the headings slightly bigger? 

[duart2023]

Hi @Moeed  Are you able to please confirm if there is any way to make the custom font size slightly bigger in the code above? 

[duart2023]

Hi @Sangeetanahar  Is there any way to make the headings slightly bigger? It appears too small on desktop and mobile view.

[duart2023]

Hi @Sangeetanahar  Just wanted to follow up on the above. I'd love to be able to make the heading font size slightly larger.