Ajustar el ancho del campo «Cupón de descuento» en WooCommerce

Ajustar el ancho del campo «Cupón de descuento» en WooCommerce

Genera con CSS un ancho adaptable para el campo «Cupón de descuento» de la página de pago en WooCommerce.

PHP:

<?php
add_action( 'wp_head', function () { ?>
<style>

	.woocommerce #content table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon .input-text, 
	.woocommerce-page #content table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon .input-text
	{
		width: auto;
	}
</style>
<?php } );

CSS:

.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text, 
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text
{
    width: auto;
}

El contenido de este artículo es código CSS. Para insertarlo en tu sitio web puedes añadir el código en la sección "CSS Adicional" del personalizador de WordPress (Apariencia > Personalizador), o bien añadirlo en la hoja de estilos del tema hijo (child theme) que tengas activo (por lo general, en el archivo style.css).

¿Te ha gustado este código? Coméntalo con códigosWP:

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.