Jump to content

Custom Styling for Specific Buttons, Not Site-Wide Buttons

Recommended Posts

Site URL: https://rebelrootsbranding.com/

Hi friends! I was hoping to get some specific support for some CSS on my website to change the color of specific, medium-sized buttons. I have tried the suggestions posted by people who have asked this question before, but I can't seem to figure it out on my own site. I am using a Brine template in case that's important.

I have two CTA buttons side-by-side on some pages of my website. The magenta is my direct CTA "BOOK A STRATEGY SESSION" (leads to a sale) and the button next to it needs to be a lighter, less noticeable color for my transitional CTA "TAKE THE REBEL ARCHETYPE QUIZ" (lead magnet).

I have done some coding on my site so far, and am confident that if provided with some pointed code, I will be able to implement it. When I right-click on the button I want to change the color of in CSS, this is the code that is associated with it:

<a href="/quiz" class="sqs-block-button-element--medium sqs-block-button-element">take the rebel archetype quiz</a>

I've tried using the class ID above it with no success...any pointers?

Thank you so much in advance, this community rocks!

side-by-side CTA.JPG

Link to comment
  • Replies 1
  • Views 366
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.