Change font family of specific section in new Custom CSS feature

Change font family of specific section in new Custom CSS feature

bullerwines
Visitor
2 0 0

I am trying to change the font of just one section of a page to Avant Garde Gothic Pro (a font that is in my files) using the new Custom CSS feature but just not sure on the correct format of code to be using. I am using the font on other pages but just can't seem to get this one section to work! 

 

Thanks! 

Replies 3 (3)
bullerwines
Visitor
2 0 0

Do I need to determine the specific section if I am using this function on the page?

 Screen Shot 2024-10-03 at 9.41.35 am.png

PaulMartin
Shopify Partner
597 59 142

When using Custom CSS for the section itself, no. No need to specify the section again because you've already chosen that, all you need to do is just specify the CSS selector you want to target. Say you want to target all the small texts in the section, you'll use something like:

 

p{
 font-family: "Avant Garde Gothic Pro"
}

 


There are a huge number of CSS selectors you can use. If you need help identifying which one to use, feel free to let me know so that I'll give it to you.

contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ

JonathanSor
Shopify Partner
9 1 1

If you are still struggling - we've just added an AI assistant (beta feature) to the free 'Font Pro' app that helps you generate the correct CSS selectors for fonts - probably can solve your issue here

Font Pro - best (also free) Shopify app for managing fonts