KickinGa Posted March 2, 2021 Share Posted March 2, 2021 Site URL: https://www.bondprosper.com/london-property-market Hi there, I created a gallery section as shown below and made the images in Photoshop with teh information I wanted to display, but have since realised that because I used images Google and other search engines won't be able to read the information in the text which will affect SEO performance. With this in mind, I'd like to recreate this but with actual text in circles instead. Is this possible? Link to comment
tuanphan Posted March 6, 2021 Share Posted March 6, 2021 Hi. You can use image (no text), then add image caption, then let me know. We will give the code to move text's position over image 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
KickinGa Posted March 17, 2021 Author Share Posted March 17, 2021 I added the text to the image caption for each one, however I don't want to change the images until I have the code to move the text position. Link to comment
tuanphan Posted March 24, 2021 Share Posted March 24, 2021 On 3/17/2021 at 3:01 PM, KickinGa said: I added the text to the image caption for each one, however I don't want to change the images until I have the code to move the text position. You can duplicate page, add there, then we can check easier 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
KickinGa Posted March 24, 2021 Author Share Posted March 24, 2021 OK so I need to set this up with blank block images, then we can code the text over the blank image? Can we also make the images circular using code too then please? Link to comment
KickinGa Posted March 24, 2021 Author Share Posted March 24, 2021 3 hours ago, tuanphan said: You can duplicate page, add there, then we can check easier OK I've set up the page under url https://www.bondprosper.com/london-test and added the images as blank blocks with the test in the description. Your name is the password for the page. Link to comment
tuanphan Posted March 25, 2021 Share Posted March 25, 2021 20 hours ago, KickinGa said: OK I've set up the page under url https://www.bondprosper.com/london-test and added the images as blank blocks with the test in the description. Your name is the password for the page. Can you enable gallery caption? I don't see any text here. 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
KickinGa Posted March 25, 2021 Author Share Posted March 25, 2021 Oops, sorry! Haha. Done. Link to comment
tuanphan Posted March 27, 2021 Share Posted March 27, 2021 On 3/25/2021 at 4:40 PM, KickinGa said: Oops, sorry! Haha. Done. Try adding to Design > Custom CSS figcaption.gallery-caption.gallery-caption-reel { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 0 !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
KickinGa Posted March 30, 2021 Author Share Posted March 30, 2021 On 3/27/2021 at 9:48 AM, tuanphan said: Try adding to Design > Custom CSS figcaption.gallery-caption.gallery-caption-reel { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 0 !important; } Done. Just need to make the images circles, and then align the text centrally. I tried to add the font color and type to the code you gave me but it didn't work? Link to comment
tuanphan Posted March 31, 2021 Share Posted March 31, 2021 On 3/30/2021 at 4:50 PM, KickinGa said: Done. Just need to make the images circles, and then align the text centrally. I tried to add the font color and type to the code you gave me but it didn't work? Use this figcaption.gallery-caption.gallery-caption-reel * { color: red !important; font-size: 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
KickinGa Posted April 8, 2021 Author Share Posted April 8, 2021 On 3/31/2021 at 4:59 PM, tuanphan said: Use this figcaption.gallery-caption.gallery-caption-reel * { color: red !important; font-size: 20px !important; } HI tuanphan, that didn't work. I'ver left that code in the custom css for now. Any other ideas? Link to comment
tuanphan Posted April 12, 2021 Share Posted April 12, 2021 On 4/8/2021 at 4:04 PM, KickinGa said: HI tuanphan, that didn't work. I'ver left that code in the custom css for now. Any other ideas? I don't see text here. Can you take a screenshot? 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
KickinGa Posted April 15, 2021 Author Share Posted April 15, 2021 On 4/12/2021 at 4:03 PM, tuanphan said: I don't see text here. Can you take a screenshot? Link to comment
KickinGa Posted April 15, 2021 Author Share Posted April 15, 2021 So it seems to only show the text when I change the size from small to medium, and/or back again. But then it disappears again? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.