Help needed! Looking for a CSS script

Userlevel 2


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,


3 replies

Userlevel 7
Badge +6

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 {

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

Hope it helps.


Userlevel 7
Badge +4

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 !

Userlevel 2

Thanks, Greg for for the quick response!