Change mobile styling on specific block

olipowell · September 28, 2019

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

tuanphan · 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;
}
}

olipowell · September 28, 2019

Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan

olipowell · September 28, 2019

Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan

Change mobile styling on specific block

Question

olipowell 1

Share this post

Link to post

3 answers to this question

Recommended Posts

tuanphan 6,298

Share this post

Link to post

olipowell 1

Share this post

Link to post

olipowell 1

Share this post

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources