JonJonJon Posted January 25, 2020 Share Posted January 25, 2020 (edited) Found this line using Google Inspect <a class="sqs-lightbox-meta-trigger">•</a> As this isn't CSS, how do I change it? I'm aware of code injection, and how to change this into what I'm after, but I don't know how to put this into the code injection in a way that it's read correctly. The code I wish to change it to: <a class="sqs-lightbox-meta-trigger">ⓘ</a> (I'm just changing the symbol that activates the meta pop up shown on the lightbox over gallery images) Edited January 25, 2020 by JonJonJon Link to comment
tuanphan Posted January 26, 2020 Share Posted January 26, 2020 You can't edit HTML unless you use Code Block You can use CSS visibility: hidden to hide current text and CSS :after or :before to insert next text jaksdigital 1 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
JonJonJon Posted January 27, 2020 Author Share Posted January 27, 2020 Thanks very much, yes that did the trick 🙂 For others that stumble here, the solution for this specific text replacement case was quite simple: .sqs-lightbox-meta-trigger { visibility: hidden; } .sqs-lightbox-meta-trigger:after { content:'ⓘ'; visibility: visible; } jaksdigital 1 Link to comment
jaksdigital Posted April 20, 2022 Share Posted April 20, 2022 Thank you guys 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