Alignment of Text and Images

Solved
Highlighted
Excursionist
13 1 1

Hi Everyone 

I used the code provided in the community from a shopify expert to remove the padding on the margins of my theme. Now the images and general alignment of the whole site is off. I've searched for hours here for a solution but haven't found one. I use the Supply theme and my website is theappareltrove.com. I'd really appreciate someone's help!

0 Likes
Highlighted
Trailblazer
263 68 74

Hi @Jane2001 

What is the issue? Please tell me I will happy to help you

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
13 1 1

Hi there,

 

Screenshot01.png  Screenshot02.png  Screenshot03.png

 

Screenshot04.png

The first three images are the Landing Page and I've indicated the problems. The last image is of a product page where the problem is really obvious.

I would really appreciate your help! 

Thanks very much.

0 Likes
Highlighted
Trailblazer
263 68 74

This is an accepted solution.

Hi @Jane2001 

1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.feature-row__item .lazyload__image-wrapper, .featured-box--image .lazyload__image-wrapper, .product-grid-image .lazyload__image-wrapper {
    max-width: 100% !important;
}
.featured-box--image {
    padding: 0;
}
.site-footer .wrapper {
    max-width: 70%;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
13 1 1
Thank you so much! The solution worked perfectly and it's made me very
happy.
1 Like