jokerelul_code

[gilded spoke]

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

📝 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.

• jokerelul_code, 2 days ago, 4 messages

[rain thunder]

I want to remove that extra space from the custom payment method

[hexed lava]

Could you share the full code on how you set the padding using Appearance API? Just rules without knowing how it's set doesn't provide the full visibility on how it's integrated with the Stripe Elements

[rain thunder]

I don't add the padding, it's the default padding from the payment elements

I can remove the padding, but it removes from all items

[hexed lava]

What is the code you shared about?

rules: {
    '.AccordionItem': {
        padding: 0,
    }
}

Was it your previous attempt that removed all the items?

[rain thunder]

options.customPaymentMethods = [
{
id: data.cod.paymentId,
options: {
type: 'static'
}
}
];

This is how it looks if with type static

but i want to remove that text block

the previous screenshot is with

type: 'embedded',
embedded: {
handleRender: (container) => {}
}

this is with

rules: {
'.AccordionItem': {
padding: 0,
}
}

[hexed lava]

Thanks for sharing! I understand you would like to remove the redirect text below under the custom payment method. Currently, this can't be removed by default. However, there is a preview feature for embedded custom content: https://docs.stripe.com/payments/payment-element/custom-payment-methods?payment-ui=elements#embedded-custom-content, i.e. overriding the redirection information in the text box. I'd recommend signing up for the access in this doc link for this feature.

[rain thunder]

I already did that

I removed the redirect text

but there is some extra padding which i want to remove

I use https://docs.stripe.com/payments/payment-element/custom-payment-methods?payment-ui=elements#embedded-custom-content here

[chrome zinc]

Hey! Taking over for my colleague. Let me catch up.

[chrome zinc]

I'm trying to reproduce the issue you are facing, sorry for the late reply

[rain thunder]

no worries

thank you!

[chrome zinc]

Ok I think what you are seeing is expected actually and the padding can't be removed.

You need to set at least something in the UI there

Or keep the default one

[rain thunder]

Since the custom payment method is cash on delivery

It will confuse the customer if i let the default redirect info there

I tried every possibility to remove the padding

[chrome zinc]

You can add an explanation text for this then "is cash on delivery"

[rain thunder]

yeah

i will do that

Thank you!