Selection Color (Input Buttons) – How to change the background?

Hi, thanks for your message and the compliment ??
Changing the color of the “Selection Color (Input Buttons)” should change the color of for example the multiple choice question block. Those buttons have two states, namely the unselected and selected state. The unselected state always shows the buttons with a transparent background and a border in the color that you have set in the style pane. The selected state then fills the background of the button when it becomes selected by the respondent. It’s not possible to set a background color for the unselected state at the moment.

Is that maybe what you mean? If not, could you elaborate what happens exactly and what you would like to achieve?

FYI: we will close this topic for now. Please feel free to re-open it again if you have any other questions related to this.

Hi, thank you for your reply.

Is there a way to customize the unselected state background color via CSS?

Are you planning to add this option in the future?

Hi! Yes, you can add custom-CSS to parts of your form if your form is embedded. Customizing the CSS is not possible if you use the direct link to a form.

Customizing CSS in Tripetto works a bit different than the global custom-CSS feature in WordPress. This article explains how to do this: https://tripetto.com/help/articles/how-to-use-custom-css-in-embedded-forms/

In your case you want to customize the Multiple choice question block. You can for example then do something like this: [data-block='tripetto-block-multiple-choice'] { button { background-color: red; } }

It depends how you embed your form (shortcode/Gutenberg editor/Elementor) where you can add that custom CSS. In each of the options it is a parameter/setting in the pertaining embed block.

At the moment it’s not planned to change this behavior of the unselected/selected state, but I will note your request for this on our backlog, so we can have a look if this is something we can improve in a future update.