Oversized credit card icons in WooCommerce backend

Question

The credit card icons on the WooCommerce Orders back-end page are suddenly very large.

How would I write CSS to reduce those icons back down to something like 32px wide?

Please improve your question. See here: https://stackoverflow.com/help/minimal-reproducible-example . — Diogo Peres, Dec 10 '19 at 15:12

score 1 · Answer 1 · answered Dec 10 '19 at 15:16

1

You can give the icon the width of 32px

HTML:

<img src="#" class="exampleClass">

CSS:

.exampleClass {
  width: 32px;
}

answered Dec 10 '19 at 15:16

Julius

Unfortunately it's not that simple to write CSS to the back-end. – Morten Vestergaard Dec 11 '19 at 13:17
I am sorry I didn't google WooCommerce. I don't know much about WordPress but when you can access the html-side you can use queryselectors. – Julius Dec 12 '19 at 10:51

1 Answers1