Pregunta sobre OceanWP de Wordpress:

– ERROR CSS – Ubicaci贸n incorrecta de las estrellas en WooC en el modo de lista.

Un usuario pregunt贸 馃憞

Hola,

como puedes ver aqu铆:

https://imgur.com/9j8dOiM

la posici贸n de las estrellas es incorrecta. Creo que deber铆an estar en el medio.

Elimin茅 mi CSS personalizado y el problema sigue aqu铆.

驴C贸mo podemos solucionar este error?

EDITAR Est谩 bien, hay algo mal con la secci贸n 芦.star-rate禄.

Veo el margen izquierdo y derecho = autom谩tico. Si desactivo ambos inspectores FF, las estrellas se mover谩n en el medio.

隆Gracias!

Este tema fue modificado hace 9 meses por. Lanzador de hilos

(@scarpinoc)

hace 9 meses

Otro problema con las estrellas …

Tuve algunas rese帽as con estrellas. Bueno. De acuerdo, desactiv茅 la opci贸n relacionada en los sitios de WooCommerce y ahora las estrellas se han ido. 芦Deas禄 … mmmm

Desafortunadamente, cuando el mouse est谩 por encima del precio, el precio desaparece y no veo el precio ni las estrellas鈥 La 煤nica soluci贸n es eliminar todo el tr谩fico con estrellas (por supuesto que no quiero esto).

Una vez m谩s, el comportamiento de las estrellas es un error …

驴C贸mo podemos solucionar este problema?

Lanzador de hilos

(@scarpinoc)

hace 9 meses

Okey,

No soy un experto en absoluto, pero este breve CSS parece funcionar

.star-calificado {posici贸n: relativa! importante; }

Editar: Est谩 bien, no es realmente cierto. Ahora la posici贸n de las estrellas es un poco m谩s baja que antes. A la vista de la cuadr铆cula, si un producto no tiene estrellas, est谩 menos en direcci贸n vertical en comparaci贸n con el otro producto. Creo que necesito a Amit aqu铆 …

Esta respuesta fue modificada hace 9 meses por. Lanzador de hilos

(@scarpinoc)

hace 9 meses

Bien, esto podr铆a funcionar:

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {left: 0%; derecha: 0%; }

(@apprimit)

Hace 8 meses, 4 semanas

Hola,

驴Puede compartir el enlace de su sitio para que pueda mirar?

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 4 semanas

Hola Amit,

ahora el sitio web est谩 oculto por motivos comerciales. Pero creo que puedes replicarlo f谩cilmente en tu programa. Simplemente agregue una revisi贸n y ver谩 este problema.

O dime c贸mo puedo enviarte el enlace de forma privada =)

Gracias

(@apprimit)

Hace 8 meses, 4 semanas

Hola,

Respond铆 a su boleto sobre apoyo mar铆timo. Tambi茅n estoy publicando la soluci贸n aqu铆:

.woocommerce div.product .product_title+.woocommerce-product-rating {
    display: flex;
    align-items: flex-end;
}

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 3 semanas

Hola Amit,

no funciona. Como puede ver aqu铆, hablo de estrellas en la p谩gina de archivo de WooCommerce en modo LISTA, no en la p谩gina del producto.

https://imgur.com/9j8dOiM

Encontr茅 esta soluci贸n, pero no estoy seguro de si es la mejor manera. No soy un codificador.

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {
left: 0%;
right: 0%;
}

Lanzador de hilos

(@scarpinoc)

Hace 8 meses, 2 semanas

隆HASTA!

驴Qu茅 opinas Amit?

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *