Icon with text has heading font instead of body font

Solved

Icon with text has heading font instead of body font

TheDuckDuck
Excursionist
15 1 2

As you can see, the icon with text section has its font style set to the same as the Heading font style in the theme instead of the body style. How can I change it so that its the body style font?

TheDuckDuck_0-1730168723672.png

Store URL is: https://dododuck.ca/products/dodo-duck 

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
11732 2298 2482

This is an accepted solution.

Hi @TheDuckDuck 

You can do it by opening the icon-with-text.liquid liquid file, in Online Store > Themes > Edit code  > Snippets, find all lines of this code

<span class="h4 inline-richtext">

Remove h4 from them so it will become this 

<span class="inline-richtext">

Save your file 

Screenshot 2024-10-29 at 10.08.54.png

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

DaisyVo
Shopify Partner
4447 494 591

This is an accepted solution.

Hi @TheDuckDuck 

 

Here is the customization code for it, you can follow our guide below to apply this code:

 

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change

 

Here is the code you need to add: 

 

section.product__info-container > ul > li > span {
    color: rgba(14, 27, 77, 0.75) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 1.6rem !important;
}

 

 

Screenshot for your reference: https://prnt.sc/z1LPxilerE0G

 

Please let me know if it works. Thank you!

 

Best,

Daisy - Avada Support Team. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11732 2298 2482

This is an accepted solution.

Hi @TheDuckDuck 

You can do it by opening the icon-with-text.liquid liquid file, in Online Store > Themes > Edit code  > Snippets, find all lines of this code

<span class="h4 inline-richtext">

Remove h4 from them so it will become this 

<span class="inline-richtext">

Save your file 

Screenshot 2024-10-29 at 10.08.54.png

 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

DaisyVo
Shopify Partner
4447 494 591

This is an accepted solution.

Hi @TheDuckDuck 

 

Here is the customization code for it, you can follow our guide below to apply this code:

 

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change

 

Here is the code you need to add: 

 

section.product__info-container > ul > li > span {
    color: rgba(14, 27, 77, 0.75) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 1.6rem !important;
}

 

 

Screenshot for your reference: https://prnt.sc/z1LPxilerE0G

 

Please let me know if it works. Thank you!

 

Best,

Daisy - Avada Support Team. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution