Soporte » Diseño – Temas y plantillas » Quitar mayúsculas en la primera letra de cada palabra

  • Resuelto carlesmm

    (@carlesmm)


    Buenas tardes,

    Actualmente en varios puntos de mi página web hecha con WordPress aparecen textos con la primera palabra en mayúscula «Por Ejemplo Así» y lo que quiero es que solo esté en mayúsculas la primera letra de la primera palabra «Por ejemplo así»

    Es un tema con varios plugins además del propio tema y me ocurre en textos de distintos lados.

    ¿Habría alguna manera de cambiar el string de toda la página completa para solucionarlo? ¿Cuál sería la mejor solución?

    Gracias

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

    (@almendron)

    Indica la dirección de tu sitio para echarle a vistazo.

    Iniciador del debate carlesmm

    (@carlesmm)

    Buenos días Almendron,

    La página es http://www.outletcomplet.com

    Si te fijas, en https://outletcomplet.com/favoritos/ aparece «No Hay Productos En Favoritos» y tal como comento en el post querría que quedara «No hay productos en favoritos».

    También tienes otro ejemplo si pones un producto en la cesta y vas al checkout. Abajo a la derecha aparece «He Leído Y Estoy De Acuerdo Con Los Términos Y Condiciones De La Web».

    Gracias.

    Moderador Jose Luis

    (@jose64)

    Hola

    Bienvenido al foro de soporte.

    Esos textos están capitalizados, tienen aplicada la propiedad text-transform: capitalize; de forma que aunque tú escribas en mayúscula la primera letra aparecen todas las primeras letras de las palabras en mayúsculas. Tienes que anular la regla usando text-transform: none;, así se verá todo como lo escribas.

    Tecnología para desarrolladores web > CSS > text-transform

    Te dejo el enlace a las Instrucciones de uso de los foros, ahí tienes explicada, entre otras cosas, la forma correcta de hacer una consulta. Debes indicar la url de la página para poder indicarte exactamente como hacerlo.

    Iniciador del debate carlesmm

    (@carlesmm)

    Hola Jose Luis, gracias por la información y las instrucciones.

    He intentado aplicar lo que me has comentado en CSS pero no se soluciona, es la primera vez que lo hago y desconozco si lo estoy haciendo correctamente.

    La web, como he comentado antes pero justo nos hemos cruzado los mensajes, es http://www.outletcomplet.com

    Gracias.

    Moderador Jose Luis

    (@jose64)

    Hola.

    El tema es el que lo cambia, la regla que tienes que usar es:

    td.wishlist-empty {
        text-transform: none;
    }

    Tienes que añadirla en el CSS adicional del tema, si no te funciona tienes que forzarla añadiendo !important:

    td.wishlist-empty {
        text-transform: none !important;
    }

    Por supuesto, esto solo te funcionará en ese caso, si tienes más partes de la web capitalizadas habría que revisarlo.

    Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate carlesmm

    (@carlesmm)

    ¡Muchas gracias! Estupendo.

    También he podido aplicarlo en el checkout cambiando los td, span, div.. donde me ocurría lo mismo. Donde no he podido cambiarlo ha sido en los títulos H3 ¿Cómo debería aplicarlo?

    Moderador Jose Luis

    (@jose64)

    Hola.

    Yo los veo bien, de hecho no he visto capitalizado ningún texto, de todas formas el código sería:

    h3 {
        text-transform: none;
    }

    Recuerda marcar el debate como resuelto.

    Iniciador del debate carlesmm

    (@carlesmm)

    ¡Estupendo!

    Ahora si Jose Luis, muchísimas gracias.

    Doy el debate como resuelto.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Debes estar registrado para responder a este debate.