Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
olipowell

Change mobile styling on specific block

Question

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 by olipowell
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

@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;
}
}



 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...