MarkBregman Posted September 9, 2020 Share Posted September 9, 2020 I want to highlight certain phrases within a text block to emphasize them. Ideally, i would make the specific words a different color than the majority of the text block. Is this possible? Link to comment
tuanphan Posted September 10, 2020 Share Posted September 10, 2020 Yes. You can bold text then share url. We can give the code to do this. Or you can use Markdown Block with this syntax Quote Here is Markdown text with <span style="color:red;">red color</span> 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
ElissaV Posted September 11, 2020 Share Posted September 11, 2020 Can you then add links to the different colored words? I can't figure out how to do this without the colors returning to defaults. Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 17 hours ago, ElissaV said: Can you then add links to the different colored words? I can't figure out how to do this without the colors returning to defaults. Try Code Block <p><a href="https://google.com" class="link1">VISIT</a></p> <p><a href="https://google.com" class="link2">MISSION</a></p> <p><a href="https://google.com" class="link3">Exhibitions</a></p> <p><a href="https://google.com" class="link4">PARTNERSHIPS & PROGRAMME</a></p> <p><a href="https://google.com" class="link5">MUSEUM STAFF</a></p> <p><a href="https://google.com" class="link6">PUBLICATIONS</a></p> <p><a href="https://google.com" class="link7">HISTORY</a></p> <style> /* visit link */ .link1 { color: #c82618; font-family: pragmatica-extended; font-size: 35px; } .link1:hover { color: #f1f2f3f4; } /* mission link .link2 { color: #f15a29; font-family: pragmatica-extended; font-size: 35px; } .link2:hover { color: #f7f1f5; } /* Exhibitions */ .link3 { color: #ec671f; font-family: pragmatica-extended; font-size: 35px; } .link2:hover { color: #f7f139; } </style> 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