mjmjmjmj Posted July 3, 2020 Share Posted July 3, 2020 Hi, I would like to have text scaling automatically according to the page width, instead of using a fix > @media only screen and (max-width: 767px) { I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? font-size: calc(80px + (150 - 50) * ((100vw - 320 * 1px) / (1920 - 320))) !important; thx Link to comment
tuanphan Posted July 5, 2020 Share Posted July 5, 2020 Where did you insert code? Try adding to Code Injection Header Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mjmjmjmj Posted July 20, 2020 Author Share Posted July 20, 2020 thank you for the advice, I will have to find a programmer for this as this was meant to be just styling in css which I am more or less able to do, but injecting into header is another thing Link to comment
paul2009 Posted July 20, 2020 Share Posted July 20, 2020 On 7/3/2020 at 8:54 PM, mjmjmjmj said: I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? To understand the issues when doing calculations in the Custom CSS Editor, see my post here: About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.