Añadir sombreado a la sección de categorías

Hola Paula.

Puedes probar alguno de estos códigos y ver cual es que mejor se adapta a lo que buscas:

Código 1:

ul.shop-list {
box-shadow: 15px 5px 10px #48529944;
} 

Código 2:

ul.shop-list {
background-color:rgba(203,42,7, 0.7);
color:#fefefe;
} 

Un Saludo

Genial, lo pruebo y te digo.

Como estoy metiendo mucho código ahí, ¿cómo puedo hacer para meter comentarios y poder explicar para lo que sirve cada cosa?

Gracias!

Paula

Hola Paula.

Para Añadir comentarios tienes que utilizar la barra y el asterisco:

/* Comentario */

Ten en cuenta que hay que abrir el comentario /* y cerrarlo */

Un saludo

Genial,

me quedo con el segundo. He puesto el recuadro en negro, pero ahora, la rayita que aparece cuando estás dentro de una sección correspondiente y los productos que tiene, apenas se aprecia, porque está en gris. 

¿Cómo podría ponerla en blanco?

Muchísimas gracias. Me estás salvando de muchas horas de investigación @pepe.

¿Se podría hacer ese menú más pequeño? para que en la versión móvil no ocupe tanto.

¡Gracias de antemano!

Saludos,

Paula

Hola Paula, 

En este caso si te refieres a la fuente puedes probar el siguiente código CSS, este solo aplicará a la vista móvil 

@media only screen and (max-width: 600px) {

.shop-categories .shop-list .cat-item a {
font-size: 12px;
}

}

Verifícalo y nos comentas como va todo

Un saludo