Center Featured Collection in Minimal

Solved
blackcrescendo
Tourist
4 0 1

Tried looking at some options recently discussed in the community, but couldn't get it working. 

 

I am looking to have the featured collection grid on the home page centered. I have text and other rich text already centered, but only have two products at this time, and would like those centered on the home page. I do have some custom HTML styling that I am wondering is interferring with recent findings in the community: 

 

<style>
h2 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
</style>


<hr style="width:100%; margin: auto;"><br><br>

 

Thanks for the help in advance - 

 

blackcrescendo.com is my site. 

Accepted Solution (1)

Accepted Solutions
Vikas_Chovatiya
Shopify Partner
418 90 124

This is an accepted solution.

Hi @blackcrescendo ,

Thanks Welcome to the Shopify community!
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

#shopify-section-1591849451926 .grid-uniform {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
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)

View solution in original post

Replies 9 (9)
Vikas_Chovatiya
Shopify Partner
418 90 124

This is an accepted solution.

Hi @blackcrescendo ,

Thanks Welcome to the Shopify community!
1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

#shopify-section-1591849451926 .grid-uniform {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
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)

View solution in original post

blackcrescendo
Tourist
4 0 1

Works great - thank you!

Vikas_Chovatiya
Shopify Partner
418 90 124

Hi, @blackcrescendo 

Thanks For the udapte :)

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)
didicasso
Tourist
3 0 0

Hi!

 

same problem.. but didnt work for me. I pasted the code but it didnt work any other solution?

Vikas_Chovatiya
Shopify Partner
418 90 124

Hi @didicasso 

Please share your site URL

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)
Vikas_Chovatiya
Shopify Partner
418 90 124

Hi @didicasso 

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

[data-section-type="collection-list-section"] .grid-uniform {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
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)
didicasso
Tourist
3 0 0

Thank u very much!!!! Worked

Vikas_Chovatiya
Shopify Partner
418 90 124

HI @didicasso 

Thanks For the udapte

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)