• Resuelto amontes10

    (@amontes10)


    Buen dia

    Deseo modificar el fondo del cuadro de la etiqueta que muestra los productos en oferta de woocomerce pero cuando valido el css por inspeccionar código me muestra que esta en el index pero no logro encontrarlo.

    EL tema que estoy manejando es flatsome

    Gracias por su ayuda

    Saludos

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador LGrusin

    (@lgrusin)

    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.

    Iniciador del debate amontes10

    (@amontes10)

    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

    Moderador LGrusin

    (@lgrusin)

    ¿Por qué no pruebas lo que te dije? Menú Apariencia – Personalizar – CSS Adicional.

    Iniciador del debate amontes10

    (@amontes10)

    Lo probé pero no funciono, que mas puedo editar.

    Moderador jose64

    (@jose64)

    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.

    Iniciador del debate amontes10

    (@amontes10)

    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

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Productos on sale ecommerce’ está cerrado a nuevas respuestas.