• Resuelto angelvidal97

    (@angelvidal97)


    Buenos días,

    Me gustaría saber cómo puedo modificar el código de tal manera que el texto aparezca más próximo al margen derecho. Adicionalmente, quisiera saber cómo puedo aumentar la distancia en píxeles entre las imágenes. Estoy utilizando el tema Astra.

    Muchas gracias de antemano.

    Un saludo

    Ángel

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador almendron

    (@almendron)

    El texto no se queda más cerca del margen derecho porque está sin justificar. Puedes hacer dos cosas.

    La primera es justificar. A mi no me gusta porque estira mucho los espacios entre palabras y no queda bien.

    La segunda opción es usar los guiones. Eso hará que el texto quede justificado sin la molesta separación que te comentaba. Para ello, ve a «Personalizar > CSS adicional» y añade:

    .entry-content { hyphens: auto; }

    Moderador almendron

    (@almendron)

    Imágenes: si lo que quieres es que haya más separación entre ambas imágenes, añade

    .wp-block-image .alignleft { margin-right: 3em !important; }

    Moderador almendron

    (@almendron)

    Para que tú mismo lo puedas hacer:

    Usa el inspector para determinar la propiedad correspondiente y luego cambiarla en la hoja de estilos o en CSS adicional (Personalizar)

    1) Clic con el botón derecho encima del elemento que quieres comprobar y clic en “Inspector” si usas Chrome («Inspeccionar elemento» en Firefox).
    2) Echa un vistazo a
    https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=es
    https://developer.mozilla.org/es/docs/Tools/Page_Inspector

    Se pueden cambiar los valores «en vivo» y ver su efecto en el momento.

    Iniciador del debate angelvidal97

    (@angelvidal97)

    Buenos días,

    Muchas gracias por la aclaración, en cuanto al texto justificado he seguido los pasos que indicas y no veo que el texto quede más cerca del margen derecho, se queda tal cual lo tenía. La separación entre imágenes sí me ha servido. Si alguien me pudiera aclarar el tema del margen derecho se lo agradecería, he estado haciendo pruebas con el inspector de elementos que mencionas pero no he conseguido solventarlo.

    Muchas gracias de nuevo

    Un saludo

    Ángel

    Moderador almendron

    (@almendron)

    Margen derecho: ¿qué quieres hacer exactamente? Una cosa es que el texto ocupe todo el ancho y otra cosa muy distinta es desplazar el margen derecho.

    Nota: con lo que ye he dicho el texto queda más cerca del margen derecho. De hecho, tal y como lo tienes ahora ya queda bien.

    Iniciador del debate angelvidal97

    (@angelvidal97)

    Mi intención es que el texto ocupe todo el ancho, es decir, que haya más palabras por línea ocupando más espacio y aproximándose al margen derecho. Con el cambio CSS que he realizado con tu indicación no veo cambios respecto a antes.

    Siento la confusión.

    Moderador almendron

    (@almendron)

    De como lo tenías antes a como lo tienes ahora no hay tiene nada que ver.

    Usa el inspector tal y como te he indicado y desmarca la casilla de hyphens: auto;. Podrás comprobar como cambia la disposición del texto.

    Iniciador del debate angelvidal97

    (@angelvidal97)

    Arreglado, muchas gracias

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Aumentar la zona de texto y distancia entre imágenes’ está cerrado a nuevas respuestas.