scholarsayze 28 Share Posted February 2 Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection-3w5d7 Hello, is it possible to increase both the H2 and P2 sizes on mobile only? I'd like to set my H2 at 1.4375rem and P2 at 1.1875rem This will be across all pages. Current Page - https://bluebird-porcupine-yzdg.squarespace.com/collection-3w5d7 Pword - bluebird Many thanks, Best, Faiz Link to post
1 tuanphan 9,521 Share Posted February 4 Add to Design > Custom CSS @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; } p { font-size: 1.1875rem !important; } } scholarsayze 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
1 tuanphan 9,521 Solution Share Posted February 13 On 2/9/2021 at 11:27 PM, scholarsayze said: Hi, I just noticed that the above code affects all my paragraph sizes. Is it possible to have this code just change P1 size on mobile? Just like the code only affects my H2 text. I'd like to keep P2 the same as on desktop. Thank you! replace p with p.sqsrte-large You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 scholarsayze 28 Author Share Posted February 4 AWESOME fix I love it! Thank you SO much!!! Link to post
0 scholarsayze 28 Author Share Posted February 4 Sorry, is it possible to also reduce the spacing between the header and paragraph again, on mobile only? Thank you. Link to post
0 scholarsayze 28 Author Share Posted February 8 Is it possible to also add a code to change the case of all my para and h2 text on mobile only to upper case? Link to post
0 tuanphan 9,521 Share Posted February 8 4 hours ago, scholarsayze said: Is it possible to also add a code to change the case of all my para and h2 text on mobile only to upper case? add text-transform: uppercase; in h2 code above You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 scholarsayze 28 Author Share Posted February 8 Thank you, Have I done this right, please check... @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; text-transform: uppercase; } p { font-size: 1.1875rem !important; text-transform: uppercase; } } It does not seem to change? Please help! Link to post
0 tuanphan 9,521 Share Posted February 9 22 hours ago, scholarsayze said: Thank you, Have I done this right, please check... @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; text-transform: uppercase; } p { font-size: 1.1875rem !important; text-transform: uppercase; } } It does not seem to change? Please help! try text-transform: uppercase !important; above code work on mobile only You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 scholarsayze 28 Author Share Posted February 9 My apologies Tuanphan, I just double checked and it works perfectly! Sorry. Thank you very much. Link to post
0 scholarsayze 28 Author Share Posted February 9 Hi, I just noticed that the above code affects all my paragraph sizes. Is it possible to have this code just change P1 size on mobile? Just like the code only affects my H2 text. I'd like to keep P2 the same as on desktop. Thank you! Link to post
Question
scholarsayze 28
Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection-3w5d7
Hello, is it possible to increase both the H2 and P2 sizes on mobile only?
I'd like to set my H2 at 1.4375rem and P2 at 1.1875rem
This will be across all pages.
Current Page - https://bluebird-porcupine-yzdg.squarespace.com/collection-3w5d7
Pword - bluebird
Many thanks,
Best,
Faiz
Link to post
Top Posters For This Question
8
4
Popular Days
Feb 4
3
Feb 8
3
Feb 9
3
Feb 13
1
Top Posters For This Question
scholarsayze 8 posts
tuanphan 4 posts
Popular Days
Feb 4 2021
3 posts
Feb 8 2021
3 posts
Feb 9 2021
3 posts
Feb 13 2021
1 post
Popular Posts
tuanphan
Add to Design > Custom CSS @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; } p { font-size: 1.1875rem !important; } }
11 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment