Sense Theme: how to center featured collection tiles/cards

[ZeusTeck]

Hi! I've tried so many things in my collections, Base.css, sections/template files and can't get my featured collections cards on the home page to be centered on the page. Giving up hope, please help! any help would be greatly appreciated.

https://zeusservices.org/

[ZeusTeck · Accepted solution]

That code Solved it! THANK YOU! I appreciate your time and effort.

It didn't work in the base.css but I tried in the custom code CSS section in the website editor and it worked. 

[gutenplayer]

@ZeusTeck 

Please go to

1) Online store

2) Themes -> Edit theme

3) asstes

4) base.css and add this code end of the file

.slider-mobile-gutter .grid {
    justify-content: center !important;
}

result:

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

[websensepro]

Hi @ZeusTeck 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
ul#Slider-template--18680492785900__featured_collection_HW6YwF {
    display: flex !important;
    justify-content: center !important;
}

h2.title.inline-richtext.h1.scroll-trigger.animate--slide-in {
    text-align: center !important;
}
</style>

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

If you like my help, you can help me buy a COFFEE

Thanks!

[ZeusTeck · Accepted solution]

That code Solved it! THANK YOU! I appreciate your time and effort.

It didn't work in the base.css but I tried in the custom code CSS section in the website editor and it worked. 

[gutenplayer · Accepted solution]

@ZeusTeck hi, if its helpful please 

Mark it as an Accepted Solution.
Thank you