[SOLUCIONADO] Cambiar color a boton wishlist

[hachedocho]

Buenas compañeros

Intento cambiar el color al boton de lista de deseos en la pagina del producto pero no lo consigo. Estoy en este archivo (button.due) y cambio el código pero no hace nada. He limpiado cache del PS aunque la tengo desactivada y la cache del navegador pero nada

<style lang="scss" type="text/scss">
  .wishlist {
    &-button {
      &-product {
        margin-left: 1.25rem;
      }

      &-add {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.5rem;
        width: 2.5rem;
        min-width: 2.5rem;
        padding-top: 0.1875rem;
        background-color: #8b0d10;  << CAMBIO AQUI PARA EL COLOR DE FONDO
        box-shadow: 0.125rem -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        cursor: pointer;
        transition: 0.2s ease-out;
        border: none;

        &:hover {
          opacity: 0.7;
        }

        &:focus {
          outline: 0;
        }

        &:active {
          transform: scale(1.2);
        }

        i {
          color: #000; << CAMBIO AQUI PARA EL COLOR DEL CORAZON
        }
      }
    }
  }
</style>

 

Edited January 1, 2024 by hachedocho (see edit history)

[hachedocho]

Para los interesados se cambia en el archivo (product.bundle.js)

modules/blockwishlist/public/... 

En los achivos *.js estan los estilos en cada.