We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Sense Theme: how to center featured collection tiles/cards

Solved

Sense Theme: how to center featured collection tiles/cards

ZeusTeck
Tourist
6 1 1

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/

 

Screenshot 2024-09-30 095217.png

Accepted Solution (1)

ZeusTeck
Tourist
6 1 1

This is an 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. 

Screenshot 2024-09-30 101634.png

View solution in original post

Replies 2 (2)

websensepro
Shopify Partner
2144 268 321

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>

websensepro_0-1727705637642.png

 

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!

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

ZeusTeck
Tourist
6 1 1

This is an 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. 

Screenshot 2024-09-30 101634.png