CSS to hide the safe and secure checkout border.

This topic has 2 replies, 2 voices, and was last updated 4 months, 2 weeks ago ago by Jack Richardson

  • Avatar: LVRB Love's Rebel
    LVRB
    Participant
    July 29, 2025 at 14:20

    Hello.

    I need the payment methods of the sales booster safe and secure checkout to not have the border so that they all look the same, or a code to be able to modify the border and look the same.

    Attached is a screenshot of what they look like when I put payment methods other than those offered by xstore.

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 29, 2025 at 16:20

    Hello @LVRB
    You can add one of next custom CSS solutions in your Theme Options -> Theme Custom CSS or child-theme/style.css:
    1/ To make all icons same size

    .sales-booster-safe-checkout fieldset img {
        aspect-ratio: 3/2;
        object-fit: contain;
        object-position: center;
    }

    2/ To unset the border on each image in such section

    .sales-booster-safe-checkout fieldset img {
        border: none;
    }

    Kind regards, Jack Richardson
    The 8theme’s team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.