Icon with text has heading font instead of body font

Shopify Discussion
1

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
TheDuckDuck_0-1730168723672.png515×311 16 KB

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

2

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

Remove h4 from them so it will become this

Save your file

Screenshot 2024-10-29 at 10.08.54.png
Screenshot 2024-10-29 at 10.08.54.png2174×1274 185 KB

3

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.