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