Skip to main content
Question

Help needed! Looking for a CSS script

  • July 4, 2022
  • 3 replies
  • 89 views

caycocho
Influencer II
Forum|alt.badge.img

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

3 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • July 5, 2022

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.

 


Bfarkas
Hero III
Forum|alt.badge.img+6
  • Hero III
  • July 6, 2022

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
Influencer II
Forum|alt.badge.img
  • Author
  • Influencer II
  • July 6, 2022

Thanks, Greg for for the quick response!