Soporte » Diseño – Temas y plantillas » Mas de un espacio entre caracteres de mis textos.

  • En todo mi sitio web, header, body, menus, footer, etc, si al editar cualquier parte que tenga texto coloco mas de un espacio al guardar y ver los cambios la pagina reduce estos espacios repetidos y asigna solo uno. Necesito tener mas espacios entre letras para costumizar mis textos. Utilizo Divi Theme version y el Visual Composer para editar.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Hola gentealtzayanca!!

    Gramticalmente no es correcto poner más de un espacio entre palabras y entre letras de una palabra no debería haber absolutamente ninguno. En este último caso además de gramaticalmente incorrecto genera problemas de accesibilidad.

    De forma predeterminada, los navegadores colapsan espacios múltiples entre palabras en uno, si pones más de uno y necesitas que se mantenga tienes que cambiar la propiedad CSS white-space de normal, que es el valor predeterminado, al valor que desees. En tu caso creo que white-space: pre-wrap sería lo que necesitas.

    O puedes introducir el elemento HTML   que representa un tipo de espacio en blanco que los navegadores si respertarán.

    Aunque para ser gramaticalmente correcto, yo no utilizaría white-space aquí sino que pondría un solo espacio y ajustaría la distacia entre palabras con word-spacing:

    .selector {
       word-spacing: 10px;
    }
    Iniciador del debate gentealtzayanca

    (@gentealtzayanca)

    Hola cybmeta, gracias por tu ayuda, me podria ayudar a utilizar la funcion word-spacing? ese codigo es CSS y lo debo agregar a cada elemento que lo desee?

    Mejor creas un selector CSS tipo «class», pones la regla CSS en la hoja de estilos de la web y a cada elemento al que quieres que se le aplique le pones esa clase.

    Por ejemplo, puedes llamar al selector «palabras-espaciadas» (puedes darle el nombre que quieras). Entonces, en la hoja de estilo pondrías:

    .palabras-espaciadas {
        /* Cambia 10px por el número de píxeles que desees */
        word-spacing: 10px;
    }

    Luego añades el atributo class="palabras-espaciadas" a cada elemento que desees. Por ejemplo:

    <p class="palabras-espacidas">Bla bla bla ....</p>

    Iniciador del debate gentealtzayanca

    (@gentealtzayanca)

    ok, si utilizo el Visual composer tendria que poner el llamado de clase en cada elemento que tenga la opcion de añadir una CSS personalizada?

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Mas de un espacio entre caracteres de mis textos.’ está cerrado a nuevas respuestas.