Home Forums WoodMart support forum Unnecessary Empty Payment Boxes Appearing Under Payment Methods

Unnecessary Empty Payment Boxes Appearing Under Payment Methods

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #655192

    Jimson
    Participant

    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.
    #655251

    Hello,

    We’ve investigated the issue and confirmed that the empty.payment_box containers are actually part of WooCommerce’s default behavior. You can verify this by switching temporarily to the Storefront theme (the official WooCommerce theme) to check this.

    WooCommerce outputs a .payment_box container for each payment method, even if it doesn’t contain additional instructions or fields. This ensures compatibility with gateways that may or may not require extra info depending on settings or extensions.

    The styles you’re seeing (margin, padding, box-shadow, etc.) are applied by Woodmart for consistent design, but the presence of the empty boxes themselves is handled by WooCommerce.

    Best Regards,

Viewing 2 posts - 1 through 2 (of 2 total)