Return to previous page

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

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.

#422215 Copied Theme version: 9.4.3

1 Answer
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!
#422278 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Typography – WordPress WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store – WordPress WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Medical – WordPress WooCommerce Theme

lazy-placeholder

Sport Store – WordPress WooCommerce Theme

lazy-placeholder

Poster – WooCommerce Theme

lazy-placeholder

Glasses Store – WordPress WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

See All Templates

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