olipowell Posted September 28, 2019 Share Posted September 28, 2019 (edited) Hi, I'm trying to target a specific text block on mobile so that I can adjust the text styling (from centre align desktop, to left align mobile), and other elements such as padding. Is there a way to target and style a block through CSS that doesn't affect all the other blocks? Here's the site: https://www.rejectsupply.com/ Test123 The block I'm trying to style is called "H2 Text Block" on the site itself, (ID block-ce591823b8f1025afa01) Thanks! Edited September 28, 2019 by olipowell Initial Revision Link to comment
Solution tuanphan Posted September 28, 2019 Solution Share Posted September 28, 2019 @olipowell add to Home > Design > Custom CSS @media screen and (max-width:640px) { div#block-ce591823b8f1025afa01 * { text-align: left !important; } div#block-ce591823b8f1025afa01 { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 30px !important; padding-right: 40px !important; } } gallop and Jeremyn 1 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
olipowell Posted September 28, 2019 Author Share Posted September 28, 2019 Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan Link to comment
olipowell Posted September 28, 2019 Author Share Posted September 28, 2019 Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan Link to comment
Jeremyn Posted October 5, 2021 Share Posted October 5, 2021 (edited) Hi Tuan, Is there a way to raise the text block and the 2 CTA even more on this home page. (see photos) I use : padding-top: 0px !important; but it doesn't go further up... https://www.creativeportrait.net.au/ PS: Even better if I could bring the "FREE FAMILY GUIDE" button beside the other. Edited October 5, 2021 by Jeremyn Link to comment
tuanphan Posted October 7, 2021 Share Posted October 7, 2021 On 10/5/2021 at 10:26 AM, Jeremyn said: Hi Tuan, Is there a way to raise the text block and the 2 CTA even more on this home page. (see photos) I use : padding-top: 0px !important; but it doesn't go further up... https://www.creativeportrait.net.au/ PS: Even better if I could bring the "FREE FAMILY GUIDE" button beside the other. Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-5fa4db1fa27e0764adf5a839 { position: relative; top: -50px; } } Jeremyn 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
Jeremyn Posted October 7, 2021 Share Posted October 7, 2021 On 9/25/2021 at 4:58 AM, creedon said: The following ruleset is causing the div to expand and cover the links. Take it out. #book-me { bottom:0; top: 75%; padding-right: 0px; transform: 0; } Let us know how it goes. Works perfectly. Thanks Tuan! 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