Debut theme : Want to change collection title under the picture

Store Design
1

Screenshot 2021-10-07 173622.jpg
Screenshot 2021-10-07 173622.jpg1400×845 86.6 KB

Is there any way to put the title of the collection under the picture?

2

Hii, @Jeriel2
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

3

https://miloandneko.com/

Password : lavi

Thanks in advance!

4

Hii, @Jeriel2
Do you want to like this?

download (50).png
download (50).png1354×602 52.1 KB

Thank You.

5

Yes , is it possible to change into black color font?

6

@Jeriel2

Yeas possible Please share your store URL

Thanks!

7

@Jeriel2
Send me your store URL so,
I can solve it.
Thank You.

8

https://miloandneko.com/

Password : laki

1 Like
9

@Jeriel2

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.collection-grid {overflow: hidden !important;}
.collection-grid-item {margin-bottom: 55px !important;}
.collection-grid-item__title {
    padding: 0px 15px;
    top: 100% !important;
    margin-top: 10px !important;
    color: #000 !important;
    transform: none !important;

}
}

Thanks!

1 Like
10

Thank you Lord ! @dmwwebartisan

11

@Jeriel2

Solution for mobile

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max--width: 749px){
.collection-grid {overflow: hidden !important;}
.collection-grid-item {margin-bottom: 65px !important;}
.collection-grid-item__title {
    padding: 0px 15px;
    top: 100% !important;
    margin-top: 25px !important;
    color: #000 !important;
    transform: none !important;

}
}

Thanks!

12

Hello, the solution for desktop mode works great, I’ m so happy!

But I pasted the code for the mobile mode just after the desktop mode code and it’ s not working…

I mean the desktop mode work, but not the mobile one…

Can anyone help me? Do I did someting wrong? Check the pic below please.