Radio Buttons are hidden and won't show

Question

ALREADY followed the suggested solutions from Radio button is not showing in safari and chrome and did not solve the problem

This problem is not covered in that question

I am using WordPress and the theme is having an issue where radio buttons to not show up See this sample page: http://weedsdeliver.com/test.html

Already tried

This problem is persistent in all browsers.

score 2 · Accepted Answer · edited Feb 15 '21 at 18:21

2

you should learn how to inspect the html of your webpage in the chrome browser. If you did you will see the following:

input[type=checkbox], input[type=radio] {
height: 19px;
opacity: 0;
width: 20px;
}

if you change the opacity to 1 the radio buttons will appear.

input[type=checkbox], input[type=radio] {
opacity: 1;
}

There are some plugins for wordpress that will let you easily modify the css. If you need more help, comment back to me.

edited Feb 15 '21 at 18:21

Omar

answered Feb 13 '21 at 00:59

DCR

I agree with you. I need to learn how to read the information provided in the inspect tool. I am interested to know of this plugin you mentioned. – Omar Feb 15 '21 at 17:05
1

check out css plugins for wordpress. kindly accept answer if it works for you. – DCR Feb 15 '21 at 17:15

score 1 · Answer 2 · answered Feb 12 '21 at 23:58

1

There is a style property opacity on all input radio elements in this file. Remove it or change the value to 1.

answered Feb 12 '21 at 23:58

m4n0

2 Answers2