#dalist_code

1 messages · Page 1 of 1 (latest)

zinc wingBOT
#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1448596234771365952

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

tawny lava
#

Hi guys, I'm working with this custom payment form, but I keep getting

real wren
#

What attribute not working excatly ? Do you have a live sandbox code that I can try ?

real wren
#

You mean the outside container ?

tawny lava
#

I mean the container is not taking the background color of the actual background

real wren
#

Wihch container, can you circle it please ?

#

Also can you please copy/past you full æppearance object here ?

tawny lava
#

this background, must be slate

real wren
#

Got it. checking...

real wren
tawny lava
#

sure gimme a minute please

#

I've tried even turning the background red, but it still stays black for some reason

zinc wingBOT
real wren
#

So you want to change the balck background to the dark blue color ?

tawny lava
#

yep, that's right

#

but as I understand it's controlled by StripeElement which is sitting behind a protected iframe

real wren
#

That color is applied to your div on which you mounted the PaymentElement

#

I tried your exact appearance object

#

The background you are referring to it for the div you use to mount the PaymentElement

tawny lava
#

oh okay gimme a sec lemme try

tawny lava
#

still no luck, sorry for the slow vid btw

flat meteor
#

👋 Hi there! I'm taking over for my colleague. Let me take a look

#

What styles are shown on the stripe-payment-element-wrapper div after the Payment Element loads?

tawny lava
#

Hi, on it

flat meteor
#

The same as @real wren, I also see that the Payment Element is transparent, and shows the background colour of the div where it's mounted

tawny lava
#

btw thanks for joining @flat meteor

real wren
#

For some reasons it seems like your page body's background is beeing picked here. Can you add !important to the background-color of the element div or use just background ?

tawny lava
zinc wingBOT
flat meteor
#

I see that it's also happening around the Stripe developer UI at the bottom-right

#

Do you have some sort of dark mode setup? I see the use of color-scheme: light dark

tawny lava
#

oh okay

#

you are right

#

that's what caused it

#

but it's weird though, because the background of the input fields were changing

#

I think Stripe must have a better way of handling this

#

only the container was not properly being affected, why would that be?

wind nest
#

hi! I'm taking over this thread.