How to change collection text title sizes and position in the Debut theme?

Store Design
1

Hello,

I’m looking to change collection text title sizes and position in the debut theme.

I’d like the text to be at the top of the images and not over the top of the images which is shown in my collections page here leafandearth.com

Any help will be appreciated.

Regards,

Ross

2

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.collection-grid-item__title.h3 {
top: 25%!important;
}

.collection-grid-item__title.h3 {
font-size: calc(var(--font-size-base) * 1px)!important;
}
3

Thank you that is closer to what I was looking for, cheers.

The only thing I need to do is change the font colour and remove that shadow, do you know how please?

Thanks

Ross

4

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.collection-grid-item__title.h3 {
color: #2d2323!important;
text-shadow: none!important;
}
1 Like
5

Hello,

Thanks for that. I added the code in but it seems to have messed up the settings for the mobile version?

Do you have any idea how to solve that please?

Thanks

image0.png
image0.png960×2079 163 KB

6

Hello @ LeafandEarth
Working is good!