How can I reduce space below an image using Custom CSS in Debutify?

Shopify Apps
1

Hello,
I’m trying to resize image using Custom CSS in Debutify. The image resizing was simple, but there is too much space below it. What should I code to decrease that space? When I’m trying to set “padding” there is nothing happens. Could someone code some kind of script to set that padding automatically? I’m not a developer. Include screen for clarity (google drive).
Thanks for help!

https://drive.google.com/file/d/158n1JNhvjROYt9Jgdu7sYmCndnZjYtk7/view?usp=sharing

2

Hey Thunderroar,

Please try adding “!important”, after the 100px, for example:

padding:100px!important;

Please keep in mind that the class “.media-wrapper” will change the media wrapper for all images that include this wrapper, therefore, if you’d like to change only a specific image, you will need to get the id.

Let me know if this fixed the issue.

You can also share your store domain and explain what you are trying to achieve, so I can provide you with the exact code.

3

It works, thank You!

For now, I achieved what I want. I will reach out to you if any issues arise in the future.