Un usuario preguntó 👇
Hola,
Utilizo el widget «Resumen de reseñas» en la barra lateral de mi sitio web. El tamaño de fuente del texto es de 16 píxeles. También tengo texto alrededor de este widget, que es más pequeño. Así que quiero reducir el tamaño del texto dentro del widget a 14 píxeles.
Podría encontrar la posibilidad de cambiarlo en el menú del plugin. ¿Tiene una idea de cómo puedo reducir el tamaño, tal vez con algo de CSS adicional dentro del widget?
¡Gracias de antemano!
¡Tuyo sinceramente!
(@geminilabs)
Hace 2 años
.glsr-summary .glsr-summary-rating {
font-size: 18px;
vertical-align: middle;
}
.glsr-summary .glsr-summary-text,
.glsr-summary .glsr-bar-label,
.glsr-summary .glsr-bar-percent {
font-size: 14px;
}
Si su tema no le da la opción de agregar CSS personalizado, puede usar un plugin como: https://wordpress.org/plugins/simple-custom-css/
Puede restringir esto a un widget específico dándole al widget una clase CSS personalizada y luego usándola en el CSS. Por ejemplo:
.small-summary.glsr-summary .glsr-summary-rating {
font-size: 18px;
vertical-align: middle;
}
.small-summary.glsr-summary .glsr-summary-text,
.small-summary.glsr-summary .glsr-bar-label,
.small-summary.glsr-summary .glsr-bar-percent {
font-size: 14px;
}
Esta respuesta fue modificada hace 2 años por.
(@ mambigo13)
Hace 2 años
Hola, gracias por tu rápida respuesta, ¡estoy muy impresionado!
El código funciona, tuve que instalar el plugin CSS personalizado simple. Tengo el campo CSS dentro del adaptador de WordPress, pero luego el código no funciona.
Pero puedo vivir con esa solución. 🙂
(@geminilabs)
Hace 2 años
Esto puede deberse al orden en el que se cargan las CSS personalizadas y las revisiones del sitio CSS.
Intenta sembrar !important
de acuerdo con las reglas de tamaño de fuente. Por ejemplo:
.glsr-summary .glsr-summary-rating {
font-size: 18px !important;
vertical-align: middle;
}
.glsr-summary .glsr-summary-text,
.glsr-summary .glsr-bar-label,
.glsr-summary .glsr-bar-percent {
font-size: 14px !important;
}
(@ mambigo13)
Hace 2 años
Funcionó con el primer código (sin «! Important») que publicó originalmente:
.glsr-summary .glsr-summary-rating {tamaño de fuente: 18px; alineación vertical: centro; } .glsr-summary .glsr-summary-text, .glsr-summary .glsr-bar-label, .glsr-summary .glsr-bar-percent {font-size: 14px; }
Usé el campo de wordpress incorrecto y encontré el correcto. Entonces no necesito el plugin css adicional.
Gracias de nuevo, ¡esto me ayudó mucho!
¿Solucionó tu problema??
0 / 0