Arif__Nurhakim Posted February 11 Share Posted February 11 Hi there community, Can anyone help to see what CSS code is needed for my template/journal page to show gallery captions on mobile? Tried a few CSS codes seen here but with no success so far. Many thanks in advance! www.arif-nurhakim.com/journal Link to comment
tuanphan Posted February 11 Share Posted February 11 Hi, Which gallery are you referring to? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Arif__Nurhakim Posted February 12 Author Share Posted February 12 18 hours ago, tuanphan said: Hi, Which gallery are you referring to? Hi Tuanphan, I'm referring to my image galleries in the blog post (at the bottom) such as this one:http://www.arif-nurhakim.com/animal-tripping Would you know which css code would do the trick? Link to comment
tuanphan Posted February 15 Share Posted February 15 On 2/12/2023 at 1:47 PM, Arif__Nurhakim said: Hi Tuanphan, I'm referring to my image galleries in the blog post (at the bottom) such as this one:http://www.arif-nurhakim.com/animal-tripping Would you know which css code would do the trick? Hi, The page doesn't exist now. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Arif__Nurhakim Posted February 17 Author Share Posted February 17 On 2/15/2023 at 11:28 AM, tuanphan said: Hi, The page doesn't exist now. Can you check it again? Hi there, my apologies for getting the url link wrong. This should work: http://www.arif-nurhakim.com/journal/animal-tripping Link to comment
tuanphan Posted February 20 Share Posted February 20 On 2/17/2023 at 10:30 PM, Arif__Nurhakim said: Hi there, my apologies for getting the url link wrong. This should work: http://www.arif-nurhakim.com/journal/animal-tripping Add to Design > Custom CSS /* 7.0 Gallery caption mobile */ @media screen and (max-width:900px) { .sqs-gallery-block-slideshow .slide.loaded .meta { display: block !important; left: 0 !Important; top: 100px !important; width: 100% !Important; max-width: 100% !important;margin-left: 0 !important;} .sqs-gallery-block-slideshow .meta .meta-title { line-height: 20px !important; } .meta-inside { padding-top: 0 !important; } .sqs-gallery-block-slideshow .slide.loaded .meta { height: auto !Important; }} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Arif__Nurhakim Posted February 21 Author Share Posted February 21 On 2/20/2023 at 11:29 PM, tuanphan said: Add to Design > Custom CSS /* 7.0 Gallery caption mobile */ @media screen and (max-width:900px) { .sqs-gallery-block-slideshow .slide.loaded .meta { display: block !important; left: 0 !Important; top: 100px !important; width: 100% !Important; max-width: 100% !important;margin-left: 0 !important;} .sqs-gallery-block-slideshow .meta .meta-title { line-height: 20px !important; } .meta-inside { padding-top: 0 !important; } .sqs-gallery-block-slideshow .slide.loaded .meta { height: auto !Important; }} Thank you for the codes. It has helped to solve the issue. 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