How to change the Margin in collection pages, the image is hiding the text.

[apoorvdwd]

I am not able to change the margin of the image so that I doesnt hide the text. This is really annoying at this point. The theme I am using is Debut.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset->theme.css and paste this at the bottom of the file:

.section-header .dtview img {
    margin: auto!important;
}
.breadcrumbs__list {
    margin-top: 30px;
}

[apoorvdwd]

I tried this, it fixes in the editor but doesn’t reflect on the browser.

[ZestardTech]

Hello there,1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset->theme.css and paste this at the bottom of the file:

.section-header .dtview img {
    margin: 35px!important;
}
.breadcrumbs__list {
    margin-top: 50px!important;
}

[apoorvdwd]

could you check on this page: https://herbalstrategi.com/collections/herbal-repellents

[Dan-From-Ryviu]

You can solve it by adding this code in theme.scss or theme.scss.liquid file

.dtview img { margin-top: 0px !important; }

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset->theme.css and paste this at the bottom of the file:

.section-header .dtview img {
margin-top: 0!important;
}

[Gourav_malviya]

img.ls-is-cached.lazyloaded {
    margin-top: 0px!important;
}

add this code at the end in your base.css file