CAMBIAR COLOR DE ETIQUETAS

Hola buen día por favor su apoyo para ayudarme a cambiar las etiquetas de color y forma :

*OFERTA en color ROJO
*DESTACADO en color ANARANJADO

La etiquetas que me gustaría Cambiar de forma como en los ejemplos de imágenes serían:

*OFERTA
*DESTACADO
*AGOTADO
*NUEVO

Tengo un CSS que hice y adjunto pero solo me sirvió para la de etiqueta de NUEVO

.product-label.new{ background-color: #34a0b0 !important; color: white !important; }

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

/*featured*/
body .labels-rectangular.featured{
        background-color:red;
}
/*sales*/
body .labels-rectangular .onsale {
background-color:red;
}
/*out of stock*/
body .labels-rectangular .out-of-stock {
background-color:red;
}

Best Regards

Hola muchas gracias, laúnica etiqueta que no se cambió es la que adjunto en la imagen con este css

/*featured*/
body .labels-rectangular.featured{
background-color:orange;

Hola muchas gracias, laúnica etiqueta que no se cambió es la que adjunto en la imagen con este css

/*featured*/
body .labels-rectangular.featured{
background-color:orange;

Me puede apoyar por favor??

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL with this label, I will check and provide the correct CSS.

Best Regards

Muchas gracias este link contiene la etiqueta, lo adjunto en contenido privado

Hello,

Please use this code:

body .product-label.featured {
    background-color: #e22d2d;
}

If you have any questions please feel free to contact us.

Best Regards

Gracias , podrías por último ayudarme a hacer los botones de esta forma como en la imagen adjunta??

Attachments:

You must be logged in to view attached files.

Creo que te es más fácil hacer los botones como estos que adjunto en la imagen porque así los tienen en su página de Xtemos. Me pueden ayudar ?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this line to every code:

border-radius: 10px;

Best Regards

Hola buen día

me pueden apoyar con los redondeos de estos 4 botones por favor? metí este CSS pero algo falla

html .woocommerce .cart-actions .coupon .button,
body .button.checkout,
body .btn-cart,
body .btn.btn-color-black,
body .social-login-btn>a {
border-radius:20px;
}

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the site URL and if your site is under construction, please provide the site admin access.

Best Regards

Hola! Listo los envíe por contenido privado gracias

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

html .single_add_to_cart_button,
html .basel-hover-quick .quick-shop-btn>a{
	border-radius:20px;
}

Best Regards

Hola gracias, revisando no se redondearon 2 botones. Adjunto mi cuenta e imagenes.

1-Boton del carrito del mega menú de categorias
2-Botón de la página de Favoritos

Attachments:

You must be logged in to view attached files.

Hello,

Please clear the cache and check again: https://gyazo.com/2fc5fad367d20587c6f519509c194c29

I have checked the shop page and it has also round corners on both the desktop and mobile.

Best Regards

Hola, el botón que mencionas es el de “volver a la tienda” pero de carrito de compras, el botón que no está redondeado es el de “volver a la tienda” pero de la página de favoritos. Adjunto imagen de que no se redondeó

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL, I am checking and the button is rounded.

Best Regards

Hola gracias, te comparti la url por contenido privado

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .return-to-shop a{
border-radius: 20px;
}

Best Regards

[Author]

Posts