Prueba con:
.badge-circle .on-sale {
backgroud-color: #000 !important;
}
Cambia el color por el que desees.
Te recuerdo que no tenemos acceso a temas comerciales para probarlos. Acude a su soporte que para eso ha cobrado.
Hola LGrusin
El problema que tengo es que cuando inspecciono me dice que el estilo se encuentra ubicado en http://www.ejemplo.com/index.php
[data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button {
background-color: #ffffff;
No logro ubicar cual es la posicion para modificar el estilo
Saludos
Gracias si me puedes ayudar
¿Por qué no pruebas lo que te dije? Menú Apariencia – Personalizar – CSS Adicional.
Lo probé pero no funciono, que mas puedo editar.
Hola
Si estás usando un tema comercial y necesitas soporte debes ir a su canal de soporte oficial. Para dar el mejor servicio a la comunidad WordPress, y generar progreso e innovación, creemos que es importante dirigir a la gente a los sitios oficiales.
Support for Flatsome | Multi-Purpose Responsive WooCommerce Theme
Además, los voluntarios del foro no tenemos acceso a productos comerciales, así que no sabríamos porque tu tema comercial no funciona adecuadamente. Y hay otra razón por la que los voluntarios te dirigimos a los vendedores del producto comercial: los vendedores son responsables de dar soporte a su producto comercial.
Se podría resumir en que en los foros de WordPress.org podemos dar soporte a todo aquello que se pueda instalar o descargar desde WordPress.org.
De todas formas, te puedo decir que viendo la demo del tema insertes este código donde te indica @lgrusin:
.badge-inner.secondary.on-sale {
background-color: red !important;
}
O el que te indicó el mismo @lgrusin
.badge-circle .on-sale {
background-color: red!important;
}
O simplemente:
.on-sale {
background-color: red!important;
}
La clase .on-sale es la que corresponde a lo que quieres cambiar, por lo que la respuesta que te indicaron es correcta. Si no es así, por favor replantea la pregunta.
Recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.
Hola @jose64
Funciono con la primera indicación, agregue un radius adicional así:
.badge-inner.secondary.on-sale {
background-color: red !important;
border-radius: 999px;
}
Gracias por la ayuda. @jose64, @lgrusin
Saludos