Ir al contenido principal

Personalización de las tarjetas de artículos en la integración de tu sitio web

Aquí te mostramos cómo cambiar el color de las tarjetas de artículos en tu sitio web integrado.

Samantha Smith avatar
Escrito por Samantha Smith
Actualizado ayer

Para acceder a esta función, debes tener el plan Goodshuffle Pro Standard o superior.

Dirígete a la sección de CSS personalizado de tu sitio web (Artículo). ¿Quieres agregar CSS personalizado a un sitio de Wix? Haz clic aquí.

Cambiar el color de fondo de la tarjeta de artículo:

gspro-item-card {
background: rgb(250, 250, 250);
}

Cambiar el color de fondo de la tarjeta de artículo solo al pasar el cursor:

gspro-item-card:hover {
background: rgb(255, 255, 255);
}

Mostrar el título completo de un artículo en la tarjeta (puede reducir el tamaño de la imagen):

gspro-item-card .gspro-o-card__title {
color: #0;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis
}

Cambiar el color de la sección de precio en la tarjeta de artículo:

gspro-item-card .gspro-c-item-card__price { color:grey;} 


Cambiar el color del título del artículo dentro de la tarjeta:

gspro-item-detail .gspro-c-item-detail__title {
color: red;
}

Cambiar el color del precio, así como el ancho y color del borde alrededor del precio dentro de la tarjeta de artículo:

gspro-item-detail .gspro-c-item-detail__price {
border: 1px solid black;
color: black;
}

Para elegir un color diferente, utiliza este Selector de colores.

¡Ahora puedes personalizar tus colores!

Para ver todas las opciones disponibles para personalizar la integración de tu sitio web, revisa este artículo.

Aviso: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, contáctanos usando el ícono de chat en la esquina inferior de tu pantalla.

¿Ha quedado contestada tu pregunta?