#vincent_best-practices
craggy nightBOT
👋 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/1364323575368122468
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
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.
- vincent_unexpected, 23 hours ago, 26 messages
- vincent_unexpected, 5 days ago, 42 messages
lapis berry
hello again my friend
dense herald
Hello
When you say other form elements, do you have more than one Stripe Elements rendering on the page?
Like PaymentElement?
lapis berry
here it is now,
if i update the borderRadius in the appearnce option it looks like this
yes that is correct
i want the buttons above to be rounded wihtout makign the rest of the form all rounded
dense herald
Hmm are you using React?
lapis berry
yep
dense herald
Gotcha. Not sure if that's possible.. I suspect the issue you're seeing right now is because both elements likely share the same parent <Element /> container
lapis berry
that is correct!
unfortunately the rules don't allow arbitrary css classes like .p-ThirdPartyButtonContainer
dense herald
Yeah.. the only workaround here would be to have two separate Components with their own <Elements /> wrapper but I haven't tried to do this myself so I'm unusure if that's even supported
lapis berry
yeah i think that Elements is supposed to wrap the whole react app ideally, here i am wrapping a gatsby page. I might try doing two wrappers on one page but i am pretty sure that is not kosher
ill give it a go and qa, just wanted to pop in and see if there was a workaround
dense herald
Yeah no workarounds as far as I know unfortunately.
lapis berry
gotcha. thank you Hanzo
dense herald
NP! Good luck 🙂