Style for password reset

[Felix]

Hello,

Does anyone know how to change the style sheet so that the background of the reset password container is transparent?

I've figured it out for the login/password form but can't figure out how to do the same thing for the reset stage.

Thanks in advance for your help.

Cheers

F

[autonumber]

Hi @Felix- have you checked the styles option and tried to set all the background colors to none? Below are the screenshots: 

 

If this doesn't work, send the URL of the DataPage as well so I can check. 

Hope this helps!  

[autonumber]

You can also check this forum post as well: 

 

[Felix]

Hi @autonumber,

 

Thanks so much for your help. Unfortunately it is still not working. The data page is here: https://c2acf603.caspio.com/dp/7fa8a000934bdbc68d3544b69ec2

Maybe there is something simple I have missed

 

[Felix]

@autonumber

I'm pretty sure is the section in the image attached that is causing the problem, first the subcontainers to have a white background, but I can't figure out how to modify it in the style sheet (can't find it in source).

 

[autonumber]

Hi @Felix - can you try to add this on the header of your DataPage:

<style>

.cbFormSection{

background-color: transparent !important;

}

</style>

[Felix]

Hi @autonumber,

 

Thanks so much for your help. Unfortunately that didn't work either.

 

[sandy159]

Hi @Felix,

You may also try to add this one on the header of your DataPage instead:

<style>

section[class^="cbFormSection"] {

background: transparent !important;

}

</style>

[futurist]

Hi @Felix,

You can also set the level of transparency (or opacity) of the background color of that section:

<style>

section[class^="cbFormSection"] {

background: rgb(255, 255, 255, 0.3);

}

</style>

You can change the last value (0.3) depending on how opaque or transparent you want the background to be.  You may refer to this: https://www.w3schools.com/css/css_image_transparency.asp#:~:text=Transparency using RGBA

[Queso]

Hello, just to add regarding the CSS solution provided above, those are called Wildcard Selectors which are used to select multiple elements simultaneously: https://www.geeksforgeeks.org/wildcard-selectors-and-in-css-for-classes/