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

This topic has 2 replies, 2 voices, and was last updated 2 weeks, 4 days ago ago by Luca Rossi

  • 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!

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Justin
    Luca Rossi
    Support staff
    November 6, 2024 at 10:14

    Hi @LVRB Love’s Rebel,

    Please update custom CSS code to this:

    
    .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 !important;
        height: 30px !important;
        display: flex;
    }
    

    Hope it helps!

  • Viewing 2 results - 1 through 2 (of 2 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.