Change font style for collection list slider

blakelyhi
Explorer
90 0 4

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

 

 

 

@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;
}

 

Replies 5 (5)

PageFly-Theodor
Navigator
474 64 74

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

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

<style>
@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;
}
</style>

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

blakelyhi
Explorer
90 0 4

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 

blakelyhi
Explorer
90 0 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? 

PageFly-Theodor
Navigator
474 64 74

You can contact Shopify support for better instructions

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

blakelyhi
Explorer
90 0 4

I figured it out…