Problem with Radio Button

4 replies · opened Jan 4, 2018

HHRJan 4, 2018

Hi Canvas

There is something wrong with the radio button I noticed. In the demo page, the 3rd types radio button (rounded) will have color on it but when I do in my work, there isn't any. The 3rd types radio button (square) looks ok. Please refer attachment.

SSemicolon WebSTAFFJan 5, 2018

Hello,

Thanks for reporting this to us! The Bug you have reported is actually in the Demos caused due to the css/colors.php File. We will fix this up shortly. The Radio Button which you see on your Package is perfectly fine and works as intended.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

HHRJan 8, 2018

Dear Canvas,

I get that the radio button (3rd choice) shouldn't have the color supposedly. However, if I decided to make it color anyway, what will I need to change in the code?

Thanks

SSemicolon WebSTAFFJan 8, 2018

Hello,

You can simply use the following CSS Code:

.radio-style:checked + .radio-style-3-label:before {
	color: #FFF;
	background-color: #1abc9c;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

HHRJan 9, 2018

Thank You So Much. It's now works as expected.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Problem with Radio Button · Canvas Template Support