Hemos realizado una guía introductoria para la comprensión y aprendizaje de los estilos CSS. Los estilos CSS son muy fáciles de entender y usarlos en tu proyecto, saber de ellos te ayudará a mejorar tu comprensión de la administración de una website. La guía está en nuestro canal de Youtube, casi una hora de explicación y aplicación práctica. y aquí te dejaremos el código utilizado. Puedes copiarlo y usarlo en tus ejercicios.
El plugin usado para este ejemplo es Side Cart, lo encuentras en tu depósito de plugins de WordPress, es gratuito, lo instalas y activas y aplica el siguiente código CSS para tus prácticas. Saludos, esperamos los comentarios o consultas de nuestros seguidores, trataremos de responder a todos, y si es posible hacer un video de las cuestiones que deseen aprender.
/*FONDO*/
.xoo-wsc-container{
background: #000 !important;
}
.xoo-wsc-header, .xoo-wsc-body{
background: #f000;
color: #ffffff;
}
/*TOP*/
.xoo-wsch-text{
font-size: 35px;
font-weight:bold;
font-style: italic;
}
/*Producto*/
.xoo-wsc-product {
border-bottom: 1px solid #504f4f;
}
/*IMAGEN*/
.xoo-wsc-img-col img{
border-radius: 50px;
}
/*TITULO*/
.xoo-wsc-pname a{
color: #ffffff !important;
font-size:20px;
font-weight: lighter !important;
}
/*PRECIOS*/
.xoo-wsc-qty-price bdi{
color:#fff;
}
/*Footer*/
.xoo-wsc-footer{
background:#000;
}
/*BOTONES*/
.xoo-wsc-ft-buttons-cont .btn{
background: #888888 !important;
color:#000000 !important;
border-radius:50px 50px !important;
}
.xoo-wsc-ft-buttons-cont .btn:hover {
background: #ffffff !important;
color:#888888 !important;
}
/*PRECIO TOTAL*/
/*ICONO CARRO*/
