Picture padding

The picture on the right filled up the whole section, but is it possible to showcase it with a bit of padding on all sides so it has a little bit of room on every side instead of this filling look.

url is www.ateliercharisma.com

Hey @JarnoBroekkamp

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

  • Here is the solution for you
  • Please follow these steps:

  • Then find the theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
image-with-text picture img {
 padding: 20px !important;
}
  • Here is the result you will achieve:

  • If you want a larger spacing, increase 20px to a bigger number, and vice versa.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Is it the possible to showcase the picture on the same starting point as the text start, so it is evenly outlined?

1 Like