Skip to main content
All CollectionsTroubleshooting
How to customize quiz button color & style with CSS
How to customize quiz button color & style with CSS
Gabe avatar
Written by Gabe
Updated this week

By default, we do our best to match your quiz to your Shopify store automatically. But sometimes that doesn't work, or you may want to tweak button colors.

To do that you can use Shopify's built-in Custom CSS tool in your Theme settings to customize your quiz.

For example, using CSS you can change the color of the quiz button to black and white by targeting it like this:

.ps-quiz-button.ps-quiz-button--primary {
background: white;
color: black;
border-color: black;
}

If you need help writing the CSS to change buttons how you like, just contact us and we're happy to help!

Here's where you can find Shopify's Custom CSS tool in Theme settings:

Shopify custom CSS

As always, if you have any questions or need any help just ask!

Did this answer your question?