PEARLERwork Posted February 9, 2021 Share Posted February 9, 2021 I'm creating some Squarespace templates to sell on Creative Market. I'm interested in creating more advanced ones where I utilise custom CSS more. The only road block I'm having is trying to make it so that the purchaser doesn't actually have to touch much of the code. Mostly. it's when they're applying their own branding - colours and fonts - where they need to get into the code and edit it to their own hex codes. I'm wanting to know if there's a way to make it so that we can call on the global styles within our CSS? So for example, whatever font family they've set for headings, can be called on like this in the CSS? For example, this is what I do in Shopify: font-family:var(--typeHeading)!important; Is there a Squarespace equivalent? Thanks! 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ Link to comment
tuanphan Posted November 21, 2022 Share Posted November 21, 2022 (edited) A member just asked me via email, she sent this thread so I posted below Each theme style, it has some variant style For example Lightest 1 It has some already variant about 200+ variant attributes You can also create custom variant, something like this @linkBGColor: red; @linkTextColor: #fff; then when use CSS, just declare h1 {color: @linkBGColor;} Edited November 21, 2022 by tuanphan PEARLERwork 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
PEARLERwork Posted November 29, 2022 Author Share Posted November 29, 2022 Thanks @tuanphan - this works. I'm glad we can do this now. 𝓚𝓪𝓽𝓲𝓮 ✦✦ ⓅⒺⒶⓇⓁⒺⓇ.ⓌⓄⓇⓀ ➸ 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