Radio buttons problem with visibility and style

Illdy
1

Hi, i have problem with radio buttons normally in illdy theme radio buttons are invisible. I found this code in other topic

input[type=radio] {
    -webkit-appearance: radio;
    -O-appearance: radio;
    -moz-appearance: radio;
}

this make radio buttons visible and work correct but i can’t style this with css. Please help me style my radio buttons in illdy theme

2

Hello @wikson,

Styling the radiobuttons and also the checkboxes is a little trickier because different website will handle the styling differently.

Unfortunately, I cannot fully assist you to style the buttons as it would require extensive custom work that is clearly outside the free support scope.

You should have a look here:

And try using for some other CSS snippets that could better meet your needs.

I hope this gets you forward with the setup.

Regards

3

i am facing the same problem!

under which file should i put

the input[type=radio] { -webkit-appearance: radio; -O-appearance: radio; -moz-appearance: radio; }

?

Thanks!

4

Hello,

I already replied to your thread, this should be added as a css styling in a .css file.

Regards

5

I just overload the css template from front admin panel, and it works fine.
Maybe that can help you :

/*
Vous pouvez ajouter du CSS personnalisé ici.

Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.
*/

input[type=radio] {
    -webkit-appearance: radio;
    -O-appearance: radio;
    -moz-appearance: radio;
    opacity:1;
}

#header .bottom-header.blog h1 {
    font-size: 64px;
	color: red
}

input[type=radio]:hover + label {
border: solid 1px white; padding: 5px; border-radius: 1px;
border-color : red;
color : red;
opacity:1;

}  

input[type=radio]:checked + label {
border: solid 2px white; padding: 5px; border-radius: 1px;
border-color : red;
color : red;
opacity:1;
}

input[type=text] {
color:red;
font-weight:bold;
}
input[type=text]:hover {
border-color:red;
}
input[type=email]:hover {
border-color:red;
}