Esta función está disponible en todos los planes de Goodshuffle Pro.
Para cambiar el aspecto del botón Agregar a la lista de deseos de la integración de tu sitio web, debes agregar CSS personalizado en la hoja de estilos o sección de CSS personalizado de tu creador de sitios.
¿Quieres ajustar el CSS en tu sitio de Wix? Sigue esta guía para agregar código personalizado a tu sitio de Wix.
A continuación te mostramos algunos ejemplos comunes que puedes usar.
1. Cambiar el color de fondo del botón Agregar
Para cambiar solo el fondo:
/* color del botón agregar en la tarjeta */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
2. Cambiar solo el color del ícono
Para cambiar solo el ícono dentro del botón:
/* color del ícono agregar en la tarjeta */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Cambiar tanto el fondo como el color del ícono
Puedes combinar ambos fragmentos:
/* color del botón agregar en la tarjeta */
gspro-item-card .gspro-o-card__add button {
background: blue !important;
}
/* color del ícono agregar en la tarjeta */
.gspro-c-item-card__add use {
fill: green !important;
}
4. Cambiar el botón Agregar al pasar el mouse
Para cambiar el botón al pasar el mouse:
gspro-item-card .gspro-o-card__add:hover button {
background: #1A1A1A;
}Alternativa: Selector de botón alternativo
Si el color no se aplica en ciertos navegadores, prueba con:
button.gspro-o-button {
background: pink;
}
Consejo
Usa una herramienta de Selector de color para encontrar el código hex del color que deseas (por ejemplo, https://colorpicker.com o las herramientas integradas en las herramientas de desarrollador de tu navegador).
¡Ahora puedes personalizar tus colores!
Más personalización
Para personalizar otros elementos (colores de fuente, insignias, etc.), consulta la Guía de personalización de colores de la integración web.
¿Necesitas ayuda adicional?
Haz clic en la burbuja azul de chat en la esquina inferior de tu pantalla para enviar un mensaje a nuestro equipo de soporte. ¡Estamos para ayudarte!
Aviso: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.