Heredar apariencia de producto de elementor

ahora en apariencia se ha roto pero no se si en la pagina tambien o esta tirando de caché

Hola Pedro,

Nos compartes una captura de cómo lo estas agregando, verifica que copies y pegues todo al completo y que no te falte algún cierre.

Un saludo 

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
padding: 0 !important;
position: relative !important;
width: 22.05% !important;
margin-left: 0 !important;
text-align: center !important;
border-style: solid;
border-width: 0 !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .94) !important;
}
h2.woocommerce-loop-product__title {
font-family: Roboto, Sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 18px !important;
letter-spacing: 0 !important;
color: black !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #b01231;
font-family: Roboto, Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5em;
}

Hola Pedro,

Actualmente lo veo asi:

Entiendo que ya se ha aplicado correctamente, es posible que sea por la cache que esta actuando de mas, dale unos minutos y vacia ambas caches, si tienes varnish activo, vacíala también.

Un saludo 🖐️ 

como se te ven los productos relacionados? 

https://www.mercerianinot.es/telas-flores/tela-fleur-naranja/

ahora se ve bien lo hemos puesto en css adicional pero se roto todo lo de elementor. 

Hola Pedro,

Si correcto lo veo igual que tu, el problema es que eso esta llamando a un modulo de WooCOmmerce basico, no de constructor de Elementor, prueba agregar esto:

.woocommerce-archive-wrapper .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
padding: 0 !important;
position: relative !important;
width: 22.05% !important;
margin-left: 0 !important;
text-align: center !important;
border-style: solid;
border-width: 0 !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .94) !important;
}
.woocommerce-archive-wrapper h2.woocommerce-loop-product__title {
font-family: Roboto, Sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 18px !important;
letter-spacing: 0 !important;
color: black !important;
}
.woocommerce-archive-wrapper .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #b01231;
font-family: Roboto, Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5em;
}

En lugart del que ya tienes lo cambias por completo por este nuevo, y validas, si sigue viendose igual lo quitas hasta que ya la cache tome que no lo tienes, si se sigue mostrando es algo qu eya se estaba presentando pero no se habia vaciado la cache como para verlo. Y tocaria validarlo con otro css diferente ya que no tienes la version de pago de elementor.

Un saludo 🖐️ 

lo agrego debajo del anterior código?. Todo esto hará mi pagina más lenta? es que ya es lenta y no quiero que lo sea más

no había leído bien, lo sustituyo

Puedes por favor mirar en tu navegador porque yo pruebo en el movil y tres ordenadores y en cada uno pasa una cosa, ya no se si es cacheo que no funciona 🙁