href (hyperlink) text colour bug when using dark themes

I've chosen a dark (i.e. black) background and theme for my website, and Square Online has adapted the href (hyperlink) text colour properly (i.e. to white) for these types of pages:

  • About
  • Home
  • Items

Screenshot 2021-03-09 at 11.59.22.png

 

...but for these types of pages the href text colour is dark blue, which is unreadable on a black background (see screenshot below).

  • [Blank page]
  • Contact us

Screenshot 2021-03-09 at 11.57.04.png

 

It seems to be getting that colour from this CSS - my guess is there's some Square code missing to adapt link-color to background for the types of pages above.

--color-link-color: #1618a4;

 

Can you please have your developers look into this? At present all I can use is an 'Embed code' hack with raw HTML like the following:

<a href= ... style="color:white">

 

...but would prefer a simple 'Text' section that automatically picks the right colours, consistently.

625 Views
Message 1 of 2
Report
1 REPLY 1
Admin

Hi @allan21, thanks so much for flagging this and for all the helpful screenshot! I've raised this with our ECOM specialist team so they can have a further look and help to resolve the issue. I'm waiting to hear back from the team at the moment but once I have an update, I'll be sure to follow up on this thread. 

 

 

Tra | she/her
Community Program Manager, Square
614 Views
Message 2 of 2
Report