Cambiar colores del botón añadir al carrito solo en productos en oferta en WooCommerce

Cambiar colores del botón «Añadir al carrito» en productos en oferta en WooCommerce

Paso 1: Acceder al personalizador de WordPress

1. Inicia sesión en tu panel de administración de WordPress.
2. Ve a «Apariencia» y selecciona «Personalizar».

Paso 2: Añadir CSS personalizado

1. En el personalizador, busca la opción «CSS adicional».
2. Agrega el siguiente código CSS:

.woocommerce .product .button.add_to_cart_button {
    background-color: #FF0000; /* Cambia el color de fondo */
    color: #FFFFFF; /* Cambia el color del texto */
}

.woocommerce .product.on-sale .button.add_to_cart_button {
    background-color: #00FF00; /* Color de fondo para productos en oferta */
    color: #000000; /* Color del texto para productos en oferta */
}

Paso 3: Publicar los cambios

1. Haz clic en «Publicar» para guardar los cambios realizados.

.

Categoría: Plugin WooCommerce