CSS code to modify the size and position of payment method images for each payment gateway

This topic has 1 reply, 1 voice, and was last updated 8 seconds ago ago by LVRB Love's Rebel

  • Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    November 5, 2024 at 19:30

    Hello!

    I need a CSS Code to modify the size and position of the payment method images for each payment gateway.

    Previously they gave me a code but it modifies everything at a general level. Now I need a code that allows me to change the sizes and position of each logo independently.

    The code I currently have:

    /* TAMAÑO Y POSICIÓN IMG PAGOS */
    .payment_methods label img {
    width: auto;
    margin-top: 6px;
    margin-right: 6px;
    margin-bottom: 10px;
    margin-left: 6px;
    position: relative;
    top: -4px;
    max-width: 190px;
    max-height: 30px;
    display: flex;
    }

    This code only allows me to modify the width but not the height.

    I am attaching a video so you can see the position and size that I would like by modifying it from Google Inspect.

    Thanks!

    Content is visible for topic creator and
    support staff only.
  • Viewing 1 results - 1 through 1 (of 1 total)

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

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