scholarsayze Posted February 2, 2021 Share Posted February 2, 2021 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 comment
tuanphan Posted February 4, 2021 Share Posted February 4, 2021 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 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
scholarsayze Posted February 4, 2021 Author Share Posted February 4, 2021 AWESOME fix I love it! Thank you SO much!!! Link to comment
scholarsayze Posted February 4, 2021 Author Share Posted February 4, 2021 Sorry, is it possible to also reduce the spacing between the header and paragraph again, on mobile only? Thank you. Link to comment
scholarsayze Posted February 8, 2021 Author Share Posted February 8, 2021 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 comment
tuanphan Posted February 8, 2021 Share Posted February 8, 2021 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 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
scholarsayze Posted February 8, 2021 Author Share Posted February 8, 2021 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 comment
tuanphan Posted February 9, 2021 Share Posted February 9, 2021 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 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
scholarsayze Posted February 9, 2021 Author Share Posted February 9, 2021 My apologies Tuanphan, I just double checked and it works perfectly! Sorry. Thank you very much. Link to comment
scholarsayze Posted February 9, 2021 Author Share Posted February 9, 2021 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 comment
Solution tuanphan Posted February 13, 2021 Solution Share Posted February 13, 2021 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 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
scholarsayze Posted February 15, 2021 Author Share Posted February 15, 2021 Thank you so much that's perfect! 💯 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