abigailallen Posted August 7 Share Posted August 7 Hi I've added code to a gallery block to make the captions appear on the images rather than underneath, and to appear left-aligned. Is there any way I can delete the original caption box, which now appears as a green line underneath the gallery? I would also like the left margin of the caption to respond to the general site margins, is there any way you can specify this? I can only set it to certain pixels, but ideally it should be responsive. Thanks in advance! https://heptagon-flounder-hw84.squarespace.com/ pw: riach Link to comment
tuanphan Posted August 10 Share Posted August 10 Use this to Custom CSS box to remove green space body.homepage .gallery-fullscreen-slideshow { margin: 0px !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
abigailallen Posted August 12 Author Share Posted August 12 Thanks a lot @tuanphan that worked! Do you have any idea how I can make the caption text align to site margins? Thanks for all your help 🙂 Link to comment
tuanphan Posted August 14 Share Posted August 14 On 8/12/2024 at 3:39 PM, abigailallen said: Thanks a lot @tuanphan that worked! Do you have any idea how I can make the caption text align to site margins? Thanks for all your help 🙂 align this under text? 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
abigailallen Posted August 26 Author Share Posted August 26 sorry @tuanphan just checking if you had any idea how to align the caption to the text? Thank you so much for your time so far, really appreciate it! Link to comment
Solution tuanphan Posted August 30 Solution Share Posted August 30 On 8/26/2024 at 5:58 PM, abigailallen said: sorry @tuanphan just checking if you had any idea how to align the caption to the text? Thank you so much for your time so far, really appreciate it! I'm moving to new room so a bit slowly to reply Use this to Custom CSS @media screen and (max-width:767px) { body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { padding-left: 25px !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
abigailallen Posted September 18 Author Share Posted September 18 @tuanphan thanks a lot for this 🙌 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment