Change font style for collection list slider

Store Design
, ,

Topic summary

A user is attempting to apply a custom font (StrikSans) to a collection list slider element on product pages but cannot successfully target that specific component.

Current situation:

  • Custom font CSS is already implemented and working elsewhere on the site
  • The styling needs to be applied specifically to the slider element shown in an attached screenshot on a product page
  • Initial CSS includes font-family, text-transform, and letter-spacing properties

Attempted solution:
A PageFly support representative suggested adding code to theme.liquid, but this approach appears identical to what’s already implemented and doesn’t solve the targeting issue.

Status: The discussion remains unresolved. The user clarified they need help targeting the specific slider element rather than general font implementation. The support representative redirected them to contact Shopify support directly for better instructions.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hoping to target these on the product pages (currently only applied to this one:https://afca7f-2.myshopify.com/collections/bottoms/products/oasis-pant?variant=47069220569392) that I can apply my custom font (tagged below) throughout the site, not having any luck so far. Thank you!!

Screenshot 2023-11-19 at 8.14.28 AM.png
Screenshot 2023-11-19 at 8.14.28 AM.png536×146 5.42 KB

@font-face { font-family: StriktSans; src: url('https://cdn.shopify.com/s/files/1/0816/1247/2624/files/StriktSans-Regular.otf?v=1698075822'); } 
h1,h2,h4,h6,button {
  font-family: StriktSans !important; 
  text-transform: uppercase !important; 
  letter-spacing: 1.95px !important;
}
2

Hi @blakelyhi ,
This is Theodore from PageFly - Shopify Page Builder App.

You can add code by guilde
Online Store ->Theme ->Edit code->theme.liquid

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

3

I don’t see how this differs from the code I already have implemented, it doesn’t seem to target the font on the image I originally attached? Can you help

4

The fonts are already customized on my website, the code I listed above works - I just need to target the pictured element on the product page I linked above - can you help with that?

5

You can contact Shopify support for better instructions

6

I figured it out…