Positioning images at center

Solved
Highlighted
Shopify Partner
674 110 152

This is an accepted solution.

Hello @Windsorvintage,

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

.collection-grid-item__image {
background-position: center !important;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

Highlighted
Astronaut
1022 91 122
your grid has put single image in half size of container as your theme
supports grid with 2 images, using css we can make adjustments but if in
future you add second image to this very same section, it will not work
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid__item.small--one-half.medium-up--one-half {
    float: none;
    text-align: center;
    margin: 0 auto;
}

Hope this will work for you !

happy selling

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
17 0 3

Thank you so much it worked!

0 Likes