What can I do to change the background of the tagline on the login screen to be transparent with CSS?

Just like the image above. It looks like the rounded corners are smaller and the background of the title text below is transparent. I prefer this look and feel, but when I try to modify the CSS, using the Custom CSS plugin, but it doesn’t change anything and I don’t know CSS.

Can anyone help me with this?
Thanks.

footer[role="contentinfo"] {
  background-color: transparent;
}

This should do the trick in customCSS

1 Like

Thank you very much for your help, it really does become transparent which is helpful.
I guess the fillet needs to be controlled by the parameters, and I need to keep asking for help. :see_no_evil::see_no_evil:

.login-box {
border-radius: 10px;
}

footer[role="contentinfo"] {
  background-color: transparent;
  box-shadow: none;
}
1 Like

Thanks @swindhab , I used your CSS and it’s almost perfect! But when the system is set to night mode, the bottom font changes to gray, is it possible to add a code to keep it as a black font?
Or, is it possible to customize the colors? THX

image

Thanks @swindhab , I used your CSS and it’s almost perfect! But when the system is set to night mode, the bottom font changes to gray, is it possible to add a code to keep it as a black font?
Or, is it possible to customize the colors? THX

It will turn gray in some night mode, but it might be better if you could customize it with different color styles.

Thank you very much, it was very helpful for me. :heart_eyes: :heart_eyes: