How do I change the "Featured" font style. It is the Title of the Featured Collection

Technical Q&A
1

I would like to change the Font Family of the Featured Collection title “Featured”.

HJG_1-1726877062518.png
HJG_1-1726877062518.png1243×417 50.5 KB

I’ve tried a few small lines of code in the custom css on the page and it didn’t work.

If anyone has any ideas please let me know

1 Like
2

This is Richard from PageFly - Shopify Page Builder App

Hi @HJG Please add code here to change font.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

1 Like
3

Hey @PageFly,

Thanks for the response, but the font didn’t change.

I’d like to change it to this font, arialroundedmtbold (that is the name of tthe font, and it is a .woff2 format)

1 Like
4

Hi, Please edit code:
5

Hi, I edited it but still no change.

Should I look somewhere else incase I have an error I need to fix.

This is what the code looks like:

HJG_0-1726946673389.png
HJG_0-1726946673389.png1594×838 43 KB

This is what the text looks like:

HJG_1-1726946790458.png
HJG_1-1726946790458.png1570×703 91.4 KB

6

Hi,

Try this:

.collection-hero .collection-hero__title {
  font-family: arialroundedmtbold !important;
}

or click select element to apply font to in my free app in a visual element picker