[steveg]

Helpful

Up

0

Down

Not Helpful

::

Hi there,

I like the new update, just one small issue.

How do we make the icons smaller in checkout. They are too big on a mobile device and make the screen too wide?

[smusman98]

Helpful

Up

0

Down

Not Helpful

::

Hi,

I am glad you liked it❤️,

Paste the below CSS into the current theme’s style.css, or in Additional CSS.
Increase/ Decrease value from 20px will change the size of icons.

.payment_method_coinbase img {
    width: 20px;
}

If you still have any question, I would love to assist you.

Thanks
Syed Muhammad Usman

• This reply was modified 3 months ago by smusman98.

[steveg]

Helpful

Up

0

Down

Not Helpful

::

Hi there,

Unfortunately that did not work. I’ve activated the icons, maybe you could go to my site and put an item in the cart and go through checkout and see?

Steve

https://www.its420somewhere.com/

[smusman98]

Helpful

Up

0

Down

Not Helpful

::

Hi,

I checked, a Plugin “Checkout for WooCommerce” on site is overriding the sizes of gateway images, check in the screenshot I disabled the CSS manually and icons goes to the normal state.

Screenshot: https://www.awesomescreenshot.com/image/35539513?key=7e694f4b7154e9d90e6875d63c3e590d

If you still have any question, I would love to assist you.

Thanks
Syed Muhammad Usman

• This reply was modified 3 months ago by smusman98.

[steveg]

Helpful

Up

0

Down

Not Helpful

::

Hi there,

Thanks, I modified the correct css and updated it.

#cfw-billing-methods .payment_method_icons img {
max-height: 40px;
min-width: 30px;
}

Working good now.

Steve

[smusman98]

Helpful

Up

0

Down

Not Helpful

::

Hi,

I’m glad it worked 🙂.

If you still have any question, I would love to assist you.

Thanks
Syed Muhammad Usman

[Author]

Posts