Isaebella Posted April 13, 2022 Share Posted April 13, 2022 (edited) Site URL: https://aardvark-jellyfish-fwmh.squarespace.com/ Hello! I've been reading through forums for hours trying to work this out but cannot! I just wanna have a good old hover overlay with 'Title' 'Caption' preferably being able to change font size, type, weight etc. If anyone can help me, I'll be eternally grateful! LINK: https://aardvark-jellyfish-fwmh.squarespace.com/ PASSWORD: milk The gallery I'm trying to do this on is the ARTISTS page. See images for examples of current state and what I'd ideally like to achieve.. Edited April 13, 2022 by Isaebella Link to comment
Isaebella Posted April 13, 2022 Author Share Posted April 13, 2022 Thanks for noticing! I've updated the post, password is milk. Link to comment
Solution Web_Solutions Posted April 13, 2022 Solution Share Posted April 13, 2022 (edited) Add these code Design > Custom CSS [data-section-id="6255bc1c45bfd50bf4acdeaf"] { .gallery-caption-content{ display: block !important; b{ font-family: linotype-didot-headline !important; font-size: 28px; line-height: 1.2; } } } Here you can increase or decrease the font size on here(see image) Edited April 13, 2022 by Web_Solutions Ainul, Create_Job and Kobir 3 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Isaebella Posted April 13, 2022 Author Share Posted April 13, 2022 Thank you so much! Link to comment
Web_Solutions Posted April 13, 2022 Share Posted April 13, 2022 If it works, you can mark it. To help others. Create_Job and Ainul 2 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Isaebella Posted April 13, 2022 Author Share Posted April 13, 2022 (edited) It worked, thank you so much! I really appreciate it. Do you perchance know how I could make the description (not the heading) all uppercase in the code? And choose different colours for the heading and the description? Thank you so much again, you're a legend! Edited April 13, 2022 by Isaebella Link to comment
tuanphan Posted April 18, 2022 Share Posted April 18, 2022 On 4/13/2022 at 9:56 PM, Isaebella said: It worked, thank you so much! I really appreciate it. Do you perchance know how I could make the description (not the heading) all uppercase in the code? And choose different colours for the heading and the description? Thank you so much again, you're a legend! Have you solved it yet? 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
ChrisF07 Posted April 18, 2022 Share Posted April 18, 2022 Can you also share how to remove the overlay and text on hover? Link to comment
tuanphan Posted April 22, 2022 Share Posted April 22, 2022 On 4/18/2022 at 10:04 PM, ChrisF07 said: Can you also share how to remove the overlay and text on hover? You mean: show text/overlay initial then hide it on hover? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment