Para acceder a esta función, debes tener el plan Goodshuffle Pro Standard o superior.
Primero, dirígete a la sección de CSS personalizado de tu sitio web (Artículo). ¿Quieres ajustar el CSS en tu sitio de Wix? Haz clic aquí.
A continuación encontrarás los fragmentos de código necesarios para cambiar varios colores en tu sitio web. Se recomienda copiar y pegar todo el bloque de código en tu editor de CSS, y luego cambiar los colores como prefieras. No es necesario cambiar todos los colores.
Nota: Si tu sitio web utiliza un tema de color específico, es posible que debas agregar el siguiente fragmento para sobrescribir la configuración de color de tu tema:
!important;
Cambia el color de fondo y el color de fuente del botón "Buscar" del fondo negro y fuente blanca estándar:
/* search button */
.gspro-o-search > .gspro-o-button {
/* esta propiedad cambia el color de fondo del elemento seleccionado */
background: red !important;
/* esta propiedad cambia el color del texto del elemento seleccionado */
color: black !important;
}
Cambia el color de fondo del botón "Filtros":
/* filter button */
.gspro-c-item-gallery__toggle-filters {
background: green !important;
}
Cambia el color de fondo del botón "Categorías" (solo en vista móvil):
/* category button - mobile only */
.gspro-c-item-gallery__toggle-category {
background: orange !important;
}
Cambia el color de fuente de las categorías y subcategorías:
/* category text color */
.gspro-o-category {
color: purple !important;
}
Cambia el color de fuente del número de artículos disponibles en cada categoría y subcategoría:
/* category count badge text color */
.gspro-u-badge {
color: orange !important;
Cambia el color de fuente del botón 'Eliminar'
gspro-wishlist-item .gspro-o-button--warning {color: orange !important;}Cambia el color de fondo de tus imágenes:
gspro-item-card .gspro-o-card__preview {background: Red; }
Cambia el color de fondo de la cuadrícula de tus listas/galerías de artículos:
gspro-item-list .gspro-o-card-grid { background: #000000; }
¿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.