ghostchups_code | Stripe Developers | Page 1

thorny zealotBOT Apr 17, 2024, 8:34 PM

#

👋 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/1230255149444890725

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

bright heartBOT Apr 17, 2024, 8:34 PM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

ghostchups_code, 20 hours ago, 20 messages

#

safe locust Apr 17, 2024, 8:36 PM

#

Can you add the screenshots of what you're seeing?

zenith plover Apr 17, 2024, 8:37 PM

#

whoops

#

#

#

this is the UI

#

from the first screenshot the input element that Stripe uses for the Link input element uses the color from the .Input override

#

the color = text color

#

so in this screenshot that is a dark blue

#

which is appropriate for the style of text inputs

#

however since the Link element uses a transparent background this color is not suitable

#

but there is no way to have one color for this specific Link input and another for the generic text field Input's in the Stripe checkout

#

I can set the background color of the Link input by providing a background color to .Block in the appearance.rules options

#

which will fix this situation but that will break other places where Block is used

#

E.g.

#

#

the second screenshot is another place Stripe uses .Block

#

reverting the Block change results in:

safe locust Apr 17, 2024, 8:45 PM

#

'.Input': {
backgroundColor: 'white',
borderColor: 'white',
borderStyle: 'solid',
borderWidth: '1px',
color: 'black',
}
Is this the only thing in your appearance object?

zenith plover Apr 17, 2024, 8:45 PM

#

Ideally what I would be able to do is provide a background color to the p-SavedEmail css class

safe locust Apr 17, 2024, 8:45 PM

#

If not, can you copy/paste the whole thing?

zenith plover Apr 17, 2024, 8:46 PM

#

📎 message.txt

thorny zealotBOT Apr 17, 2024, 8:46 PM

#

zenith plover Apr 17, 2024, 8:46 PM

#

the absolute values are not present in that copy/paste

#

as the are translated from another theme

#

ultimately the issue is the styles applied to the saved email overrides the background, border and a few other styles. However it does not override the color from the Input class

deft narwhal Apr 17, 2024, 8:51 PM

#

Hi, I'm stepping in and catching up.

zenith plover Apr 17, 2024, 8:51 PM

#

i.e.

#

no worries take all the time you need

deft narwhal Apr 17, 2024, 9:04 PM

#

I think you'd want to write into to support, https://support.stripe.com/contact so we can reproduce this end to end. Please share your full code, and the screenshots as well.

zenith plover Apr 17, 2024, 9:05 PM

#

do you have a codesandbox or preset template? it wouldn't be feasible to send my full code

#ghostchups_code