Shopify themes, liquid, logos, and UX
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
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.
Solved! Go to the solution
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.
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!
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.