hahven

Now it works! Magnificent, thank you sooo much ! 🙂 I was fighting with this for 2 days.

I have also problems with the form. I would like to get selected item circled like this. Even I have selected option 3, it shows no 1 to be selected. It works if the display is vertically, but when display is horizontally, the selection won't work anymore. My site: Minun sivu (squarespace.com). Any ideas how to implement this?

Not working 😞 even the option 3 is selected, it shows the square and circles around option 1. Over here Minun sivu (squarespace.com).

Over here Minun sivu (squarespace.com).

I have created a form where is radiobuttons. If I want to display them horizontally, then the selection buttons are disappearing from all except the first one. In this case, it shows only no 1, but when you click other options, it still shows no 1 to be selected. The code I have used is .form-item.field.radio { display: flex; } When the buttons are displayed vertically, it works correctly. I have tried everyghing from grid-inline, inline e.g. in a couple of sitesbut it breaks the selections completely. Does anyone know why it does that and how to fix this? Much appreciated.