#cedric-address-element-styling
1 messages · Page 1 of 1 (latest)
Hello! We'll be with you shortly. 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.
- cedric2711, 1 hour ago, 13 messages
I've applied the style this way, however it does not reflect
Let me check...
I'm doing some tests sorry for the late reply...
I think you are missing the state
For example:
const appearance = {
theme: "stripe",
variables: {},
rules: {
".Label--empty": {
color: "blue",
}
}
}
what is the state that has to be added?
I've tried added theme and variables attribute but there is not effect
hi, taking over/having a look. Would you happen to have a link to a site I can repro what you're seeing? no worries if not.
I see. Unfortunately I'm not really following at all or understanding what you'd like to see, sorry, my brain is a little fried today
ok,
So this is what i'm trying to achive.
- I want to be able modify the font attributes of address element at the field level
also as a question, do i need to apply the appearance at the Elements block or at the field level
If i apply the appearance attribute at the Elements component as opposed to AddressElement then the styles are applied
however, not all styles are being applied
font size is not being respected
it is being over riden
👋 taking over and catching up
I don't believe you can pass appearance object to the Address Element itself.
You'd pass it to Elements object instead
https://stripe.com/docs/js/elements_object/create#stripe_elements-options-appearance
cedric-address-element-styling