Un usuario preguntó 👇
Querido personal;
Quiero cambiar el diseño del plugin (h5p), vea la grabadora de audio en la columna 3 dentro de una tabla (presione la tabla) en esta página: https://www.ispeakenglisheasily.com/english-sentences-sorted-by-syllable-count-1-2-syllables-page-10/
Así que agregué el siguiente código a customw oceanwp css; .h5p-audio-recorder-view {tamaño de fuente: 0.5em! importante; padding: unset! importante; alineación de texto: centro; familia de fuentes: Arial, Open Sans, sans-serif; } .h5p-audio-recorder-view .h5p-audio-recorder-player audio {ancho: 100px; }
Este código funciona perfectamente en Chrome en modo de desarrollo, pero cuando actualizo la página no cambia nada.
¿Podría ayudarme a resolver este problema?
Gracias de antemano por su apoyo.
Todo lo mejor.
(@apprimit)
Hace 1 año, 7 meses
Hola,
Tu código es correcto pero no !important
en el código fuente. Intente agregar su código en la sección Apariencia> Personalizar> Personalización de CSS para configurarlo:
.h5p-audio-recorder-view {
font-size:0.5em !important;
padding: unset !important;
text-align: center;
font-family: Arial,Open Sans,sans-serif;
}
.h5p-audio-recorder-view .h5p-audio-recorder-player audio {
width: 100px;
}
Limpiar la caché después de agregar el código y publicar los cambios.
Lanzador de hilos
(@ dido2038)
Hace 1 año, 7 meses
Hola Amith,
Gracias por su respuesta.
Probé lo que recomiendas sin éxito.
He borrado el caché de mi navegador, servidor y Cloudflare.
¿Tiene alguna sugerencia para resolver este problema?
Gracias de antemano por su apoyo.
Todo lo mejor.
(@apprimit)
Hace 1 año, 7 meses
¿Puede decirme dónde está poniendo el código? Ok, prueba el código a continuación:
.h5p-container .h5p-audio-recorder-view {
font-size:0.5em !important;
padding: unset !important;
text-align: center;
font-family: Arial,Open Sans,sans-serif;
}
.h5p-container .h5p-audio-recorder-view .h5p-audio-recorder-player audio {
width: 100px;
}
Lanzador de hilos
(@ dido2038)
Hace 1 año, 7 meses
Hola Amith;
Publiqué el código aquí (vea la imagen en el enlace a continuación):
https://imgur.com/lslqGYX
Todo lo mejor.
(@apprimit)
Hace 1 año, 7 meses
Intente colocar el código en la sección CSS / js personalizado en lugar de en la sección personalizada de CSS. Deberia de funcionar.
Esta respuesta fue modificada hace 1 año, 7 meses. Lanzador de hilos
(@ dido2038)
Hace 1 año, 7 meses
Hola Amith;
Gracias por su respuesta.
Es el primer lugar donde agregué mi código, pero ¿no funciona?
Todo lo mejor.
(@apprimit)
Hace 1 año, 7 meses
Eso es raro. Dado que nuestro apoyo aquí es limitado debido a las pautas del foro, no podemos brindar mucha ayuda.
¿Solucionó tu problema??
0 / 0