Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Styling for Specific Buttons, Not Site-Wide Buttons


Tristan_T

Question

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...