Centre Images on Featured Collection Section - Expanse Theme

Shopify Discussion
1

Hi There!

I need a code for the Featured Collection section that will centre the images for the products. I am working on the Expanse theme. Thanks!

Screenshot 2023-03-02 at 7.34.25 PM.png
Screenshot 2023-03-02 at 7.34.25 PM.png2796×1340 415 KB

2

Hi
try using css in image element

<img style="display: block; margin-left: auto; margin-right: auto; width: 50%" src=(your actual source)>

like this or apply css to product image class
.image_class{ display: block; margin-left: auto; margin-right: auto; width: 50%; }

This worked for me.

3

@vjomaa

To make image center of section follow this steps :

  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:
.new-grid.product-grid{
   justify-content: center !important;
 }

Hope this works well.

Best Regards !

4

This worked…THANK YOU!!