PeekABoothLA Posted August 30, 2022 Share Posted August 30, 2022 Site URL: https://www.peekaboothla.com/ Hey, I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this? Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4). Thanks! @font-face { font-family: 'LemonMilkBold'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf'); } @font-face { font-family: 'LemonMilkMed'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf'); } @font-face { font-family: 'LemonMilkReg'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf'); } @font-face { font-family: 'LemonMilkLight'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf'); } h1 {font-family: 'LemonMilkBold';} h3, h4 {font-family: 'LemonMilkReg';} p1, p2, p3, p4 {font-family: 'LemonMilkLight';} Link to comment
Beyondspace Posted August 30, 2022 Share Posted August 30, 2022 29 minutes ago, PeekABoothLA said: Site URL: https://www.peekaboothla.com/ Hey, I just discovered the Scale Text feature and when I viewed it on mobile, it just rattles and shakes like its constantly trying to adjust. Any fix for this? Also, I applied the code below for a custom font. For some reason, its not applying to the body text (p1, p2, p3, p4). Thanks! @font-face { font-family: 'LemonMilkBold'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d9565890e240ee39a2623/1661834597787/LemonMilkBold-gx2B3.otf'); } @font-face { font-family: 'LemonMilkMed'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d95762e6e48769948bfd7/1661834614064/LemonMilkMedium-mLZYV.otf'); } @font-face { font-family: 'LemonMilkReg'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d957a6858237e5d990068/1661834618521/LemonMilkRegular-X3XE2.otf'); } @font-face { font-family: 'LemonMilkLight'; src: url('https://static1.squarespace.com/static/619dfcfe3c018a1303958849/t/630d956eab5ba77c53d3516e/1661834606648/LemonMilkLight-owxMq.otf'); } h1 {font-family: 'LemonMilkBold';} h3, h4 {font-family: 'LemonMilkReg';} p1, p2, p3, p4 {font-family: 'LemonMilkLight';} In Html, we only have p tag, not, p1,p2,p3,p4. Can you take some screenshots of the texts that need to be fixed? 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
PeekABoothLA Posted August 30, 2022 Author Share Posted August 30, 2022 (edited) 14 hours ago, bangank36 said: In Html, we only have p tag, not, p1,p2,p3,p4. Can you take some screenshots of the texts that need to be fixed? So I can set 1 font for P? Below is a video of what im experiencing. This is on a Pro max 13. video-08737d45-17d8-4547-af67-9b14b30683ad-1661895401.mp4 Edited August 30, 2022 by PeekABoothLA Link to comment
tuanphan Posted August 31, 2022 Share Posted August 31, 2022 p1 p2 p3 has class name p1: p.sqsrte-small p2: p:not(.sqsrte-small):not(.sqsrte-large) p3: p.sqsrte-large 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
PeekABoothLA Posted September 1, 2022 Author Share Posted September 1, 2022 21 hours ago, tuanphan said: p1 p2 p3 has class name p1: p.sqsrte-small p2: p:not(.sqsrte-small):not(.sqsrte-large) p3: p.sqsrte-large little confused here lol 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