Pregunta sobre Reviews and Rating – Google My Business de Wordpress:

Cambia el color de las estrellas

Un usuario preguntó 👇

Intenté cambiar el color de las estrellas en el widget:

Se las arregló para cambiar los colores de las pequeñas estrellas haciendo esto: .google-business-reviews-rate .rating, .google-business-reviews-rate .rating .rating-stars, .google-business-reviews-rate. Listing. . rating {color: # E51920! importante;}

Pero las grandes estrellas animadas siguen siendo de color naranja, no saben cómo cambiar su color.

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser Las estrellas son imágenes SVG y no texto. Solo use el siguiente atajo y el CSS habitual (no importante) para lograr el efecto:

[reviews_rating stars="css" stars_gray="css"]

Hay una secuencia de comandos para reemplazar el color de relleno en las imágenes SVG cuando usa este parámetro. No se fomentará de otra manera. El es stars_gray el parámetro es opcional.

Déjame saber si eso te funciona.

Lanzador de hilos

(@fujiuser)

Hace 10 meses, 2 semanas

¡Gracias, funciona!

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser Si le gusta el plugin, deje una reseña. Gracias. 🙂

Lanzador de hilos

(@fujiuser)

Hace 10 meses, 2 semanas

Bueno, funciona para Chrome Desktop y dispositivos móviles, Safari para dispositivos móviles, Edge para dispositivos móviles, pero no para Edge Desktop.

En Edge Desktop, las estrellas SVG naranjas todavía se muestran. ¿Cualquier sugerencia?

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser No me di cuenta de que Edge no admitía cambiar el color de relleno de fondo en las imágenes SVG. Con suerte, veré qué puedo hacer para resolver esto en otra versión.

Otra sugerencia es más complicada: decodifique los datos de la imagen Base64, reemplace el valor naranja y agregue su propio CSS para anular las estrellas SVG actuales. No recomendaría hacer esto, ya que es un trabajo justo para aproximadamente 1/50 de su audiencia en línea.

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser O puede usar entidades HTML como estrellas en lugar de SVG …

[reviews_rating stars="html"]

Lanzador de hilos

(@fujiuser)

Hace 10 meses, 2 semanas

Bueno, no estoy seguro de qué hacer:

Mi CSS: .google-business-reviews-rating .rating, .google-business-reviews-rating .rating .rating-stars, .google-business-reviews-rate .listing .rating {color: # E51920;}

Mi widget HTML:
[reviews_rating stars=”html” theme=”dark narrow” icon=”no” name=”no” vicinity=”no” limit=”3″ review_text=”no” stars=”css” ]

Aún fondo SVG y color naranja en Edge Desktop. Pero creo que tienes razón, no es el mayor problema del mundo. ¡Gracias de cualquier manera!

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser Tienes el parámetro stars enumerado dos veces. Elimine la segunda cita y utilizará entidades HTML en lugar de SVG.

¡Gracias por la reseña! 🙂

Lanzador de hilos

(@fujiuser)

Hace 10 meses, 2 semanas

Bueno, lo hizo por el color, pero ahora las estrellas y su fondo no están una encima de la otra.

(@designextreme)

Hace 10 meses, 2 semanas

@fujiuser Prefiero el nuevo enfoque para las imágenes SVG: tiene una mejor precisión para las estrellas parciales (0%, 10%,…, 90%, 100%). La versión de la entidad HTML que usa CSS puede requerir cambios para corregirla.

Lanzador de hilos

(@fujiuser)

Hace 10 meses, 1 semana

Gracias, creo que esperaré una actualización en el futuro y permitiré que las estrellas sean naranjas en Edge.

¿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 *