Change caption location from centre of image to bottom of image

Store Design
1

center.PNG
center.PNG261×178 74.3 KB

bottom.PNG
bottom.PNG253×186 47.4 KB

I want it like the second image Or like the first image but then the lentils text only when I hover over the image.

Iam using debutify and this is the gallery section.

For mobile I use the Logo section but there it is not possible to add any caption. So any help for that would be perfect. I use the logo section because of the layout.

Thanks in advance I have 1000 products to add and iam giving up slowly :disappointed_face:

2

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url where you want to do modification, so that I will solve your issue here!

3

hello @jatt123

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

4

A12B4125-B078-4BE0-9F44-0DA67CD0D8B4.png
A12B4125-B078-4BE0-9F44-0DA67CD0D8B4.png1242×2688 242 KB

Hello sir,

thanks for your reply.

pw: Migratie

thanks in advance. See the mobile version also, there i want to place a caption.

I found something else. See the image above. My mobile menu gets cut of bij the announcement bar. Is there any option to give more space or overlay the announcementbar when opening the many?

5

hello @jatt123

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

#shopify-section-162672356930db26d9 .box .grid .grid__item .collection_grid-title{
    display: none;
}
#shopify-section-162672356930db26d9 .box .grid .grid__item:hover .collection_grid-title{
    display: block;
}
6 
#shopify-section-162672356930db26d9 .box .grid .grid__item:hover .collection_grid-title {
    display: block;
}
#shopify-section-162672356930db26d9 .box .grid .grid__item .collection_grid-title {
    display: none;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

7

Thank you very much, you guys made my day. Is it also possible for the mobile version to have a caption in the logo section.

mobile section.PNG
mobile section.PNG383×871 15.1 KB

mobile.PNG
mobile.PNG506×484 77.3 KB

So I want the caption under the image. I need a sort of schema i think.

8

Please someone reply if you guys have time?

So I want it for the mobile version also. The desktop version also instead of the hover and than see the caption. Sorry this will be my first site on shopify.

9

@jatt123

can you please sent gallery-section code so i will check and update

10

Thanks for your reply, I have decided to go with the smart menu app. so I have the icons with caption in the menu. Also for mobile.

11

@jatt123

ok

thanks for update if you have any issue let me know