How to align the product in the collection to the center of the homepage in Dawn theme?

Store Design
, ,
1

My website is www.sweatfree.co

The password to get in is sweatfree123

If you scroll down and look at the 3rd section it says USA and then the product image as a flag.

I’ve been trying to center the product on the page, but I am not sure how to do it. Right now, it is aligned to the left. If you could please advise on how to make it align center. Thank you!

2

Hi @SweatFree

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.card.card--standard.card--media {
    margin: auto;
}

Result:

websensepro_0-1734596907869.png
websensepro_0-1734596907869.png1362×610 34.5 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

3

Hello, @SweatFree

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
#shopify-section-template--14927606710354__featured_collection_6z7DnV * {
    text-align: center;
    justify-items: center !important;
}

Thanks!