Skip to main content

Hello,

Can anyone share the CSS script to change the login box background to semi-transparent?

I tried looking for it in the community but no success.

Thank you for the attention.

Kind regards,

Caesar

I think this is what you have in mind.

Try this and be sure to test for conflicts.

/** Change Transparency of Log-In Box **/

div.external-simple-signin {
opacity:0.6;
}

Adjust the opacity value between 0 and 1 to your desired level with 0 being invisible.

Hope it helps.

 


Standard accessibility warning :)

be careful with level of opacity and the image behind for those with visual issues to be able to effectively navigate the log in panel, good levels of contrast at all times.

nice work @gstager !


Thanks, Greg for for the quick response! 


Reply