Collection grid, products text, under photos

Store Design
1

coffeemilkshop.jpg
coffeemilkshop.jpg1461×655 68.9 KB

I want to place the text names under the photos, in the collection grid. I saw another post about this, that talks about theme.scss file, but I cannot find it. Maybe is a new version? Grateful for your feedback

2

Hello, NGM2022

Send the link for the website, please. And its password, if it’s closed

3

https://www.coffeemilkshop.com/

4

Go to online store > themes > actions > edit code

On the theme.css file, add this at the end:

.collection-grid {
    overflow: inherit;
}

.collection-grid-item__title {
   transform: none;
   position: initial;
}
1 Like
5

wow, thanks. fast solution

6

can you also tell me how can I change the font + size of the text words under the product grid?

7

sure. Do you want to change it to a font that already exists on the theme? Or an external? One that already exists in the theme is simple, external ones, not so much. For the size just let me know the size you want and I’ll send the code

8

I would like to try out different sizes and formats, to see which one suits better

9

ok NGM2022, then, I’ll ask you to change part of the code that I’ve sent previously, this part:

.collection-grid-item__title {
   transform: none;
   position: initial;
}

Below, is how it will look. I’ve set some values for font size and font family, but you can insert any one you want. The last line I’ve added because I noticed that the text currently has a shadow. Keep the line I inserted if you want to remove the shadow, if you want to keep the shadow, delete the ‘text-shadow: none’ line

.collection-grid-item__title {
   transform: none;
   position: initial;
   font-size: 18px;
   font-family: 'Circular-Loom';
   text-shadow: none;
}
10

many thanks. it worked