Lo que intento hacer es cambiar la imagen y el atributo "width" de la imagen que está dentro de la etiqueta "payment_method_micuentawebstd".
<label for="payment_method_micuentawebstd"> Creditcard <img style="max-width: 85px; max-height: 30px;" src="https://yokiut.com/wp-content/plugins/woo-micuentaweb-payment//assets/images/micuentaweb.png" alt="Pago con tarjeta de débito / crédito"> </label>
Traté de hacerlo así, pero no puedo encontrar la manera:
#payment > ul > li.wc_payment_method.payment_method_micuentawebstd > label > img{ max-width: 100% !important;; /*content: url("https://yokiut.com/wp-content/uploads/2021/12/Tarjetas.png");*/ }
EDITAR: Logré cambiar el ancho, pero el "contenido" no cambia la imagen, solo la coloca debajo del "src" del html.
Prueba esto,
Es posible que no esté utilizando el selector correctamente. Necesito ver HTML, pero de acuerdo con su selector de CSS, agregué HTML en consecuencia.
Si su HTML es diferente, agregue/actualice la pregunta.
#payment > ul > li.wc_payment_method.payment_method_micuentawebstd > label > img{ max-width: 100%; /* random image url */ content:url("https://media.istockphoto.com/photos/human-crowd-forming-a-chain-symbol-bonding-and-social-media-concept-picture-id936347578"); /* image url provided by you is commented to see change content:url("https://yokiut.com/wp-content/uploads/2021/12/Tarjetas.png"); */ }
<div id="payment"> <ul> <li class="wc_payment_method payment_method_micuentawebstd"> <label for="payment_method_micuentawebstd"> Creditcard <img style="max-width: 85px; max-height: 30px;" src="https://yokiut.com/wp-content/plugins/woo-micuentaweb-payment//assets/images/micuentaweb.png" alt="Pago con tarjeta de débito / crédito"> </label> </li> </ul> </div>