CSS - Ajustar ancho del texto en una plantilla de WordPress

Hola a todos/as, estoy editando un plantilla de WordPress, quiero que todo sea igual salvo el ancho usado, aquí quiero que sea más ancho.

Aquí está el Div con su clase



Con el inspector de código del navegador puedo manipular este campo y se pone más ancho el texto. veo que se hereda de HTML



También veo que está tachado y se hereda de Root, imagino que este valor tiene menor preferencia que el heredado de HTML.



En mi plantilla de WordPress al crear el <div> Agrego el stylo para que sobrescriba. (como al cambiar a mano en la herramienta para desarrolladores funciona, pruebo a hacerlo aqui)



Ahora en la herramienta de desarrolladores veo la etiqueta <div> con el style.



Pero no funciona, el atributo está en element, el atributo de root está tachado, pero en ancho no se ha aumentado, imagino que no se puede poner en un div.




Alguna idea de como solucionar esto de una forma fácil.


gracias.

Hola,

en CSS cuando veas -- significa que estás tratando con una variable, no con una clase, por ejemplo:


--color y --bg-color son variables a las que asignamos los colores red y green y luego en las clases css lo aplicamos.
En tu ejemplo estás añadiendo style="--max--etc." o sea, una variable, directamente en una etiqueta HTML, cosa que no reconoce.

En tu caso puedes hacer varias cosas:

- Modificar la clase entry-content dentro del css si quieres que se aplique a toda la plantilla.
- Añadir tu propia clase my-entry-content y aplicarla donde quieras.
- Añadir al <div> donde % es el procentaje de ancho que quieres que ocupe dentro de su contenedor superior y !important es para forzar si hubiera colisión con alguna clase superior.

Un saludo!

Muchas gracias, y muy bien explicado.

Un saludo.

Dani

Saludos,

para ajustar el texto al ancho de pantalla, DIV, etc., se requiere calcular espacios, letras, entre otros...

Por aquí puse unos ejemplos entendibles, compatibles. Tendrás que adaptar el Script a tu código.

https://www.lawebdelprogramador.com/codigo/JavaScript/7192-Scale-Font-Size-JS.html

Espero sea útil.