Hello,
Our site is built upon the Motion theme which seems to just use JSON/Liquid files, no CSS files.
My issue regards this collections page: https://unitsolutions.com/collections/unit4-models?_pos=1&_psq=unit4+models&_ss=e&_v=1.0
I would like to add borders between each of the products — for example, as seen here:
I have seen several solutions on this forum by adding code to the theme.liquid file, but none of the solutions seem to work on the Motion theme when I try them.
Any help would be greatly appreciated. Thank you in advance!
Hi @tas121694 , go to product-grid-item.css file and add the following code at the end of it :
.grid-product__content {
border: 1px solid;
padding: 10px;
}
Result :
@Abdosamer , thanks for your response. When I go to “Edit code” under the theme, there is no “product-grid-item.css” file. As I mentioned in my original post, I am using Motion 2.0 theme, and there only appear to be JSON/Liquid files in the backend (no CSS files). Any advice?
@tas121694 , You mean you don’t have this assets folder on your theme?:
@Abdosamer I do, but there is no “product-grid-item.css” file within that folder:
@tas121694 , let’s try another solution, go to theme.liquid file and add the following code before the tag :
That worked — thank you very much, @Abdosamer ! Appreciate your help.
1 Like
