mportch Posted April 2, 2020 Share Posted April 2, 2020 Hi, Does anyone know how to add a caption UNDER each image within a gallery? Link to comment
tuanphan Posted April 2, 2020 Share Posted April 2, 2020 Follow this guide. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 2, 2020 Author Share Posted April 2, 2020 Thanks. However, I found the code didn't work at all. Link to comment
tuanphan Posted April 2, 2020 Share Posted April 2, 2020 1 hour ago, mportch said: Thanks. However, I found the code didn't work at all. Did you insert both CSS & JS, or only CSS? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 3, 2020 Author Share Posted April 3, 2020 Thanks. Yes I just tried both now. It works. But how do I get the text to sit underneath each image rather than having a ghost panel over the image? Link to comment
tuanphan Posted April 3, 2020 Share Posted April 3, 2020 1 hour ago, mportch said: Thanks. Yes I just tried both now. It works. But how do I get the text to sit underneath each image rather than having a ghost panel over the image? Can you share link to gallery on your site? It will need some CSS, I guess so..or you can post on that post, and ask brandon ✌️ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 3, 2020 Author Share Posted April 3, 2020 Thanks. Here you go. I'd like them just under the images aligning to the left edge of the image. https://smilodon-ocelot-my5f.squarespace.com/lost-america Link to comment
tuanphan Posted April 3, 2020 Share Posted April 3, 2020 What is access password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 4, 2020 Author Share Posted April 4, 2020 Hi, any luck with this? Link to comment
tuanphan Posted April 4, 2020 Share Posted April 4, 2020 Add to Home > Design > Custom CSS .gallery-item-description { background: transparent !important; bottom: -40px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 Thanks. This works on the gallery pages. I also managed to amend font size and left align it with the margin... However, it's now not showing up on the mobile version?... And, how do I align the titles on the homescreen gallery?... Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 What is access password? lost is incorrect Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 I mean the password is actually: trythis Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 remove above code, and use this @media screen and (min-width:768px) { .gallery-item-description { background: transparent !important; bottom: -40px !important; } } @media screen and (max-width:767px) { .gallery-grid--layout-grid .gallery-grid-wrapper { grid-row-gap: 6vw !important; } .gallery-item-description { bottom: -20px !Important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 I get a Syntax error... Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 edit bottom: -20px !Important; to bottom: -20px !important; (i should be lowercase, not uppercase) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 Great. I just changed to -30 as was overlapping. Do you know how to add more space between the caption and the following image?... Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 3 minutes ago, mportch said: Great. I just changed to -30 as was overlapping. Do you know how to add more space between the caption and the following image?... grid-row-gap: 6vw !important; edit 6vw to 10vw Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 7, 2020 Author Share Posted April 7, 2020 Hi again, Now I have all these captions under the images - I want to remove the captions from under the logos in my Awards and Press pages? https://smilodon-ocelot-my5f.squarespace.com/awards https://smilodon-ocelot-my5f.squarespace.com/press password: trythis Link to comment
tuanphan Posted April 7, 2020 Share Posted April 7, 2020 Add to Page Settings > Advanced > Header <style> .gallery-item-description { display: none; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mportch Posted April 22, 2020 Author Share Posted April 22, 2020 @tuanphan Hi, I seem to have a new problem with those gallery descriptions in the mobile version. The last description on the page is going over the image instead of underneath the image like the others... https://smilodon-ocelot-my5f.squarespace.com/desert-modern pass: trythis Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.