How do I decrease the padding within an Image block?

Site URL: http://dram.app

Hi,

I would like to decrease the padding on the left hand side of an image block.
I would like to do this so the content within the image block sits left aligned to the above button.
I've tried adding spoacers but still am not getting the desired outcome.
Any CSS helo would be rgeatly appreciated 🙂
 

Hi, I see it already aligned. Did you still need help?

Hi,
Yes please.
Right now its aligned using spacers but I would like to do it with css as when I go to mobile its not aligned.
 

Any ideas?

Here is the start to an effect. Add the following to Design > Custom CSS.

#block-yui_3_17_2_1_1639605741067_4737 .image-block-outer-wrapper:not( .image-block-v2 ) .image-block-wrapper img {

  height : 50% !important;
  width : 50% !important;
  
  }

You'll probably want to end up using a media query to adjust the size differently at different screen widths. I suggest getting the effect to work with the code above on desktop the way you want and then go from there.

Let us know how it goes.