Tristan_T Posted March 3, 2021 Share Posted March 3, 2021 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! Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 Hi. Use this CSS a.sqs-block-button-element--large.sqs-block-button-element[href="/quiz"] { background: red; color: white; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment