Button colours won't change. They are correct in Safe mode, but can't fix them, even with code.

The text colour in the buttons on this page: https://www.reflections.photo/instagram are wrong. The text should be the spec'd green colour (#697469) in the site palette and then switch to cream (#F7F7F4) on hover. 

When I preview in Safe Mode, the buttons look proper. So, I've tested removing all Custom CSS, Code Injection and removing the Code Block on this page but can't replicate what I see in safe mode. The Code Block I'm using on this page is a simple <style> code to remove header & footer. 

I've tried adding custom CSS to override this: 

section[data-section-id="65823957b26f5932147364fc"] .sqs-button-element {
  color: #697469 !important;
}

Tried changing the tag to text-color, font-color, etc. to no avail.

Squarespace support has suggested that there is likely a code block on a different page that is affecting this. This seems unlikely as this "Instagram" page is the only page affected so why would a code block on another page randomly choose the "Instagram" page to mess up?

7 minutes ago, melody495 said:

Hi @kbradfield the text colour is coming from the settings for Instagram. Try checking the code injection for that specific page (not site wide), you will likely find your custom code in there.

Hopefully once you find that code, you can start to unpick what you don't want and your buttons will follow your site wide theme colour palette settings again.

Let me know how it goes!

OMG YOU'RE A GENIUS. That worked. Thank you so so much!!!!

6 minutes ago, kbradfield said:

OMG YOU'RE A GENIUS. That worked. Thank you so so much!!!!

You're very welcome! glad it's all working for you 🙂