Centrar shortcode y textos en versión movil.

  • Resuelto javicapra

    (@javicapra)


    hace 2 años, 8 meses

    Buenas!
    Tengo dos tipos de elementos que no logro mostrar centrados en la versión móvil.

    Por un lado tengo algunos shortcodes en los cuales no tengo opción de centrar y en la versión móvil me los alinea a la izquierda.

    Por otro lado tengo unas imágenes con su texto en columnas que SI están centrados en la versión de escritorio pero en la versión móvil SOLO el texto me lo alinea a la izquierda.

    Envío ejemplos:
    Imagen ejemplo

    Imagen ejemplo

    Imagen ejemplo

    Ojala alguien pueda darme una respuesta.
    Muchas gracias, saludos!

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

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador jose64

    (@jose64)

    hace 2 años, 8 meses

    Hola.

    Los textos debajo de las imágenes son las leyendas, puedes centrarlas añadiendo este código:

    figcaption {
    text-align: center;
}

    La segunda captura la veo centrada, en la tercera para centrar las imágenes de los productos tienes que añadir:

    .slick-list {
    text-align: center;
}

    Estos códigos debes añadirlos en el archivo style.css de tu tema hijo en el CSS adicional del tema en la ruta Apariencia > Personalizar.

    Comenta si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate javicapra

    (@javicapra)

    hace 2 años, 8 meses

    Hola Jose Luis,
    ¡Muchísimas gracias por tu respuesta!

    Si la segunda captura la resolví modificando el ancho del formulario.
    Ambos códigos me funcionaron perfecto, era exactamente lo que buscaba, ahora si se encuentra todo centrado. Infinitas gracias!

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Centrar shortcode y textos en versión movil.’ está cerrado a nuevas respuestas.