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

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

SweatFree
Shopify Partner
62 0 12

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! 

Chanakya Ramdev
Founder | Sweat Free (www.sweatfree.co)

https://www.SweatFree.co
Replies 2 (2)

websensepro
Shopify Partner
1838 213 257

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

 

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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

topnewyork
Astronaut
1018 140 174

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!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month