deaton72 Posted April 16, 2021 Share Posted April 16, 2021 Site URL: https://corn-apricot-zn88.squarespace.com/ Hello I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think for SS i have to add ~ and ", but I am not sure where to put it. My calc never seems to work. #block h2{ font-size: calc(22px + (66- 22) * ((100vw - 300px) / (2200 - 300))); } Thank you! Beyondspace 1 Link to comment
Beyondspace Posted April 17, 2021 Share Posted April 17, 2021 4 hours ago, deaton72 said: Site URL: https://corn-apricot-zn88.squarespace.com/ Hello I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think for SS i have to add ~ and ", but I am not sure where to put it. My calc never seems to work. #block h2{ font-size: calc(22px + (66- 22) * ((100vw - 300px) / (2200 - 300))); } Thank you! I used this trick and it work CSS3 calc() in LESS CSS (Example) (coderwall.com) deaton72 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you 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