Disappearing Radio Buttons

[sauntvalerian]

It seems that all radio buttons on the site don’t show up. See the attached screenshot for where they don’t show up on the Email Notifications setting page. They also don’t show up when creating groups and you have to select public, private, or hidden. Maybe it’s CSS issue somewhere, but I can’t figure out why they aren’t there.

[Alyssa]

@sauntvalerian I can’t replicate this issue on my dev server. Can you share a link?

[David]

Hey @tjchester, I actually have the exact same problem. Not going to provide a screenshot since mine matches his.

I keep thinking that it used to be ok before the last update but I might be crazy on that.

I am unable to provide a link yet myself because my site is not live on the net and only in dev.

Sorry I can’t be more help than to say at least I am also experiencing the same thing.

Dave

[David]

FYI:
I just used the boss demo and saw the exact same thing. (Logged in as guest)

Tried it with google chrome and safari with same result, no radio buttons.

And I can say for a fact this was not a problem in the last version because I created new groups just before updating and the radios were there.

Dave

[angslycke]

Same issue here. Boss version 1.1.1 and no radio buttons which makes it impossible to change the settings.

[Alexandro]

Yes same here.. any thoughts?

[sauntvalerian]

@tjchester I can give you a link, but my site is a private one (closed community) and I would need a way to give you the credentials, though I suspect you can see it on the demo as @dnosker mentioned above.

Also, just to highlight it, attached is a screenshot of my groups management settings screen. You can see the radio buttons absent there. Turns out however, they are present, just not visible. They do work with enough clicking around you can select one just without any visible feedback. I’m able to change the settings for the group by clicking a dozen times in the area where the button is supposed to be. It doesn’t appear to be a functionality issue, just a visibility one.

[Caderial]

Same Boat, really need a solution as I cant disable email notifications and its becoming a hassle during development.

[SERGIO]

I’m also facing the same issue with disappearing radio buttons in group creation.

[Alyssa]

@sauntvalerian @dnosker @angslycke @alexandrowibowo @caderial @srivas1 There are some more serious CSS issues we are fixing, I think it’s a simple class issue with the templates but should be fixed soon. Here is a temporary fix, add this to your child theme custom.css file:
input[type="checkbox"].styled, input[type="radio"].styled{opacity:1;}

[David]

@tjchester The temporary fix did not change anything on my site… I Ensured no caching issues and my changes took effect but still no radio buttons showing.

Dave

[Caderial]

Same for me, this css change did not fix the issue. I have added a screenshot of our Email Settings page

[David]

I found that making the change to the child themes custom.css file made no difference. Even with an !important for the opacity:1;

However, I went to the main boss themes main-global.css and made the change in that file and it worked.

Not sure why the child theme css file is not overriding the main theme.

[Caderial]

I Can confirm that, Child CSS files won’t for some reason override the main CSS files when it comes to this input code

/* CUSTOM RADIO BUTTON FIX */
input[type="checkbox"].styled, input[type="radio"].styled{opacity:1;}

However when I put it I my main-global.css my radio buttons re appear.

[David]

One other thing I found…

Making this change for opacity to radio buttons fixes the problem. However, the check boxes should be left at opacity:0 because if not then the check boxes look strange with the graphic check in the back and a normal check overlapping.

So what I did was separate the block to leave the check boxes alone and instead only set the radios to opacity:1