Jump to content

Main content links no longer visible

Go to solution Solved by tuanphan,

Recommended Posts

Posted

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!

Screenshot 2023-12-04 at 11.58.16.png

Screenshot 2023-12-04 at 11.55.25.png

Screenshot 2023-12-04 at 11.55.19.png

  • Replies 10
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

There is some code override it (this code will make link transparent)

image.png.45f4516e73611e03692aa150e126a862.png

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!)

Posted

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

Screenshot 2023-12-08 at 12.25.51.png

Posted

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

Screenshot 2023-12-11 at 08.56.22.png

Posted
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

Screenshot 2023-12-11 at 08.56.22.png

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!)

Posted

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

Screenshot 2023-12-11 at 12.27.06.png

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.