PEARLERwork Posted January 5, 2021 Share Posted January 5, 2021 Site URL: https://ukulele-rabbit-z4zx.squarespace.com/ Hello! I'm creating a Squarespace template to sell. As the summary blocks aren't possible to change the title to the heading font without code, is it possible to make it so that it just makes the font family whatever the headings are currently set to? i.e. .summary-title-link { font-family: ??inherit??; } This is because whoever buys the theme will likely change the font to their own branding, and I don't want to have to get everyone to touch the code in order to change this. Thanks! Site password: pearler Beyondspace 1 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
Beyondspace Posted January 5, 2021 Share Posted January 5, 2021 55 minutes ago, pearler1570048501 said: Site URL: https://ukulele-rabbit-z4zx.squarespace.com/ Hello! I'm creating a Squarespace template to sell. As the summary blocks aren't possible to change the title to the heading font without code, is it possible to make it so that it just makes the font family whatever the headings are currently set to? i.e. .summary-title-link { font-family: ??inherit??; } This is because whoever buys the theme will likely change the font to their own branding, and I don't want to have to get everyone to touch the code in order to change this. Thanks! Site password: pearler you can use css variable var() to assign font name dynamically CSS Variables - The var() function (w3schools.com) BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
PEARLERwork Posted January 5, 2021 Author Share Posted January 5, 2021 Thanks, @bangank36. That makes sense. As this is new to me, do you have an example of how the code would look for Squarespace? I'm unsure what terminology to use. For example, this is what I would do on Shopify: font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
sanfranciscosasha Posted March 15, 2021 Share Posted March 15, 2021 From what i know so far, i dont think you can create a custom variable for font-family property. I may be wrong. Does anyone know? PEARLERwork 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment