Topic summary
A user sought to remove boxes around collection titles on their homepage.
Initial Solution:
- Add custom CSS code to the theme.liquid file (above the
</body>tag) to hide borders on collection cards. - The code targets
.collection-list-titleelements withborder: none !important;.
Outcome:
- The original placement didn’t work initially, but pasting the code into a different section resolved the issue.
- The user confirmed the solution was successful.
Alternative Method:
- Another user suggested navigating to Customize > Theme settings > Collection cards > Style to adjust the border styling through the theme editor interface, offering a no-code alternative.
2 Likes
Hey @Alexandrafj
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This didn’t work unfortunately 
1 Like
Just pasted it into a different section and its now worked! Thank you!!
1 Like
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
