Change Store Add to Cart Form Button Color

Site URL: https://www.ariellazoelle.com/store/p/play-by-heart-signed

Because I sell autographed books, when you hit Add to Cart on a product page, it pops up a form asking buyers to type in how they would like it personalized. 

The form Add to Cart button is black and I can't figure out how to change it to #A034FE to match the rest of the buttons on my website.

I'd appreciate any help on how to make that change with CSS. Thanks!

2 hours ago, AFZ said:

When you hit Add to Cart on a product page, it pops up a form asking buyers to type in how they would like it personalized. The form Add to Cart button is black and I can't figure out how to change it to #A034FE

Have you tried:

.sqs-async-form-content .form-wrapper input[type=submit] {
  background-color: #a034fe;
}

On 4/17/2022 at 3:27 PM, paul2009 said:

Have you tried:

.sqs-async-form-content .form-wrapper input[type=submit] {
  background-color: #a034fe;
}

 

Thank you, that worked perfectly!

How would I get the font on that button to match the rest of my buttons? My normal buttons are Archivo Black, 400 weight, 1rem, text transform uppercase. But that button is in a really thin, lightweight font, which you can see them here when they're stacked .

Thanks again! 

On 4/18/2022 at 5:12 PM, paul2009 said:

No problem! You should be able to add these settings (font family, weight, transform and so on) to the CSS above, just before the final curly bracket. For example:

font-family: Archivo Black;
font-weight: 400;
text-transform: uppercase;
line-height: 1.2em;
letter-spacing: 0em;
font-size: 1rem;

Was this post informative? Please give feedback by clicking an icon below  ⬇️

Perfect, thank you! ❤️