ToucanRR Posted July 14, 2022 Share Posted July 14, 2022 Site URL: https://wrap.space Hey there - this forum has been so helpful as I work through site updates. I have a couple of linked questions, hoping you can help... I've added css for the gallery on this page: https://wrap.space/draft-coworking 1) the overlay keeps changing despite me setting it and it looking good. Any advice on this? And how can I make this code ONLY appear on this page. 2) I believe this css is the culprit for making the caption text on this page https://wrap.space/workspace1 all bunched up in the centre of the grid: 3) I've trialled so many versions of code sourced on this forum but nothing seems to work to customise the caption styling. Is it possible to adjust the size and colour? And maybe add a block colour behind the text to highlight it? Thanks SO MUCH in advance. legends. Link to comment
tuanphan Posted July 15, 2022 Share Posted July 15, 2022 #1. What should it look like? And you mean 4 images above Make it button? https://wrap.space/draft-coworking #2. Make effect same as draft-coworking page? #3. Which page are you referring to? ToucanRR 1 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
ToucanRR Posted July 15, 2022 Author Share Posted July 15, 2022 Hey @tuanphan thanks for the reply. #1. Yes correct, the images above the Make it button. The overlay on both screen and mobile should be aligned with the bottom of the image. #2. No, not the same effect. On this gallery https://wrap.space/workspace1 (as pasted in original message) and on the homepage gallery also - see below. I would like to customise the caption title to a larger font which will be fixed (not on hover) and centred in the image, preferably with a white background for the text. The homepage gallery currently looks like this: Link to comment
ToucanRR Posted July 18, 2022 Author Share Posted July 18, 2022 Can anyone help with this please? I'd really appreciate it! Any thoughts on a fix @tuanphan? Link to comment
tuanphan Posted July 18, 2022 Share Posted July 18, 2022 Don't remove any code in your current code. Add this CSS .list-item-content { height: 100%; margin: 0 !important; position: absolute; top: 0; width: 100%; left: 0; z-index: 9999; padding: 0 !important; justify-content: center !important; } li.list-item { position: relative; } .list-item-media { margin: 0 !important; } #2. ToucanRR 1 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
ToucanRR Posted July 18, 2022 Author Share Posted July 18, 2022 That fixed #1 thanks @tuanphan 🙂 Hoping you can solve the other problems for me too! Link to comment
tuanphan Posted July 19, 2022 Share Posted July 19, 2022 On 7/18/2022 at 5:18 PM, ToucanRR said: That fixed #1 thanks @tuanphan 🙂 Hoping you can solve the other problems for me too! You mean Gallery Reel? I don't see Grid. If reel, can you enable caption & add some demo captions? We can test code easier 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment