I’ve noticed that the theme has recently started adding empty boxes beneath each payment method on the checkout page. After inspecting the HTML, I found that the issue is caused by this CSS being applied by the theme:
.payment_methods .payment_box {
–wd-tags-mb: 10px;
position: relative;
margin-top: 15px;
padding: 15px;
background-color: var(–bgcolor-white);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: var(–wd-brd-radius);
}
This behavior doesn’t make sense, as several of the payment methods don’t require a payment box at all. Now these empty containers are unnecessary and clutter the layout.
While I understand I could manually hide them using display: none, this shouldn’t be the user’s responsibility. A well-functioning theme should not inject extra elements or styles without purpose, especially if it affects the user interface and user experience.
Could you please investigate this and apply a proper fix in the theme itself?
Thank you.
Attachments:
You must be
logged in to view attached files.