Question

Help needed! Looking for a CSS script

caycocho
Rank
Userlevel 2
Badge

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

- Caesar

3 replies

gstager
Rank
Userlevel 7
Badge +5

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.

 

Greg
Bfarkas
Rank
Userlevel 7
Badge +3

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 !

caycocho
Rank
Userlevel 2
Badge

Thanks, Greg for for the quick response! 

- Caesar

Reply


Terms & ConditionsCookie settings