Change Radio Options into Buttons
-
Hi there,
I hope you are doing well.
I have a follow-up question regarding this topic:
https://wordpress.org/support/topic/style-radio-options-into-buttons/
1.) My goal is that instead of radio bullets, there is a box around the radio labels and the color changes and a box-shadow appears as soon as you click on the option.
Unfortunately the code in the above thread didn’t quite work for me.
So far I could achieve the following, see screenshot:
https://drive.google.com/file/d/1LOiX61OS31_1mCIa-pwb7juF9xDJ-VEG/view?usp=sharing
I was able to create a box around the labels and used the following code:
.forminator-radio-label { color: #333333; border: 2px solid #2167FF; border-radius: 12px; height: 80px; width: 98%; font-size: 20px; font-family: Montserrat; font-weight: 500; padding-left: 20px; padding-top: 20px; } .forminator-radio-bullet{ display: none !important; }
The problem: I can’t get the above color change to work when you click on it. As soon as I use a new selector
.forminator-radio input:checked ~forminator-radio-label {
, suddenly the above css code of mine doesn’t work anymore.I would be very grateful if you guys have a good solution for this.
2) How can I use a PayPal logo via css instead of the PayPal label? (see screenshot)
Best thanks in advance and kind regards
- The topic ‘Change Radio Options into Buttons’ is closed to new replies.