How to customise my radio buttons and other fields

Hi @cejaslisandro16

I hope you are doing well today.

When it comes to radiobuttons and checkboxes colors we have covered this in UI settings and you can control this from there, without any additional CSS:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#colors
In short Appearance tab of your form -> Colors section -> Radio and Checkbox row -> Checked tab.

By select buttons I guess you mean checkboxes. To make then round make sure to add this code into WP Dashboard -> Appearance -> Additional CSS section:

#forminator-module-150 .forminator-checkbox .forminator-checkbox-box {
border-radius:50px !important;
}

You need to change 150 to your form ID, which is 266. You can find your form ID in page source where form is located, or edit your form in WP Dashboard and URL of that page edit will contain that ID.

I see you use placeholder now for $ icons in your number fields. If you still wanna show them all the time instead of placeholder please remove placeholder with $ and add $ as description. Later on in WP Dashboard -> Appearance -> Additional CSS section add this code:

#forminator-module-150 .dollar .forminator-description {
position:relative; 
top:-45px; 
background:#aaa; 
width:40px; 
height:40px; 
line-height:40px; 
padding-left:15px; color:#fff !important;
}

Again adjust 150 to your form ID to 266. Also play around values in that CSS to make sure that gray box will be in correct place of that number field.

Kind Regards,
Kris

• This reply was modified 1 year, 5 months ago by Kris - WPMU DEV Support.

Thank you so much for your answer!

It was all good, excepting the custom CSS for the border radius:

#forminator-module-150 .forminator-checkbox .forminator-checkbox-box {
border-radius:50px !important;
}

I tried adding it where you suggested, also in the Custom CSS from Forminator > Appearance without luck.

Any suggestion about it?

Thanks

Hi @cejaslisandro16,

I have tested the CSS at my end and it is functioning correctly. Could you please confirm if you have replaced the form ID as instructed?

Please attempt to clear any enabled cache to see if it resolves the issue.

Let us know how that goes.

Kind Regards,
Nebu John

Hello @cejaslisandro16 ,

We haven’t heard from you for several days now, so it looks like you don’t have more questions for us.

Feel free to re-open this topic if needed.

Kind regards
Kasia