Payment Icons

  • Resolved johnboy85

    (@johnboy85)


    1 year, 3 months ago

    I notice that when I add custom payment icons they do not have rounded corners by default like the other default payment icons. Is there anyway to fix this?

    • This topic was modified 1 year, 3 months ago by johnboy85. Reason: Fixed Images
    • This topic was modified 1 year, 3 months ago by johnboy85.
Viewing 3 replies - 1 through 3 (of 3 total)
  • victormonk

    (@victormonk)

    1 year, 3 months ago

    Hey there,

    Welcome to Kadence Support we are here to help.

    There isn’t a built-in way to add a Border Radius to an uploaded photo in these settings. The Icons that already exist have this radius pre-added. You could use Custom CSS to achieve this. You can add Custom CSS in the Customizer -> Additional CSS settings.

    Custom CSS:
    .woocommerce .single-product-payments .payment-custom-img {
    border-radius: 5px;
    }

    This Custom CSS will add a 5px Border Radius to any Payment Custom Image used. Here is a screenshot for reference: https://share.zight.com/geuDKZoj

    I hope this was helpful to you. Please let me know if this works for you or if I can further help.

    Best regards,
    Victor

    victormonk

    (@victormonk)

    1 year, 3 months ago

    Hey @johnboy85,

    It’s been a while since we’ve heard from you. I just want to confirm if we can further help you with this. We are happy to assist.

    Otherwise, please kindly update this topic as resolved.

    Thanks,
    Victor

    Thread Starter johnboy85

    (@johnboy85)

    1 year, 3 months ago

    Hello Victor,

    I apologize for the delayed response. The code snippet that you provided worked perfectly!

    Thank you for your help.
    -John

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Payment Icons’ is closed to new replies.