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

Change mobile styling on specific block




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)


Edited by olipowell
Initial Revision
Link to comment

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;

Link to comment

Create an account or sign in to comment

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

  • Create New...