Pregunta sobre OceanWP de Wordpress:

ingrese CSS para personalizar el diseño del plugin

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.