MantaTrust Posted December 4, 2023 Posted December 4, 2023 Hello, I recently updated some of the site styles on the website I am currently building. Before updating, the links within the main content were visible. Now they are no longer visible, even though the link colour is set to a colour that should be visible. The click-through links work, but you cannot see the text at all (see screenshots attached). How do I resolve this? Password for website is: Manta2022!
tuanphan Posted December 4, 2023 Posted December 4, 2023 What is page url? 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!)
MantaTrust Posted December 6, 2023 Author Posted December 6, 2023 Sorry I forgot to include that, its: research.mantatrust.org Thanks in advance for your help
tuanphan Posted December 7, 2023 Posted December 7, 2023 There is some code override it (this code will make link transparent) You can add this to Website Tools (under Not Linked) > Custom CSS .index-section-wrapper .content.has-main-media h2 a { color: #2796ce !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!)
MantaTrust Posted December 8, 2023 Author Posted December 8, 2023 Thanks for your advice. I tried to edit this in the custom CSS section, but I couldn't find it on my site (I followed the Squarespace tutorial which said it would be under Design). See screenshot attached. Can you advise? Or let me know where I can find 'website tools'? Thanks
tuanphan Posted December 8, 2023 Posted December 8, 2023 (edited) See this, under Not Linked > Click Website Tools > Choose Custom CSS Edited December 8, 2023 by tuanphan 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!)
MantaTrust Posted December 11, 2023 Author Posted December 11, 2023 Hello, Thanks so much! That worked well. However, for smaller font (normal, heading 3, etc.) I still face the same issue. Can you advise what the code injection would state to cover all font sizes? Thanks
tuanphan Posted December 11, 2023 Posted December 11, 2023 2 hours ago, MantaTrust said: Hello, Thanks so much! That worked well. However, for smaller font (normal, heading 3, etc.) I still face the same issue. Can you advise what the code injection would state to cover all font sizes? Thanks Use this new code .index-section-wrapper .content.has-main-media { h2 a, h3 a { color: #2796ce !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!)
MantaTrust Posted December 11, 2023 Author Posted December 11, 2023 Hello thank you, That has fixed that page but it still hasn't fixed links on font size 'Normal' on other pages. See screenshot attached. As mentioned, could you please provide code that covers all font sizes? (h1, h2, h3, normal)? Thanks in advance
Solution tuanphan Posted December 11, 2023 Solution Posted December 11, 2023 Use this .index-section-wrapper .content.has-main-media { h1, h2, h3, h4, h5, h6, p { a { color: #2796ce !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!)
MantaTrust Posted December 11, 2023 Author Posted December 11, 2023 Amazing thanks so much, all sorted! 🙂 tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment