Soporte » Diseño – Temas y plantillas » Metasliders en la misma linea

  • Resuelto pepe2017

    (@pepe2017)


    Hola Chicos/as.
    Estoy usando el plugin MetaSlider y el tema Twenty seventeen.
    Al igual que puedo instalar un slider en el centro de la pantalla y funciona perfectamente, me gustaría poder instalar dos slider uno al lado del otro.
    Sin embargo, al pegar el código en la pagina, me los muestra uno encima del otro.
    En el bloque para shortcode de la pagina, escribo esto:
    [metaslider id=»6992″][metaslider id=»6992″]

    Por mi lógica de novato, debería aparecer un slider al lado del otro.
    Podéis sugerirme como hacerlo por favor ??’
    Gracias de antemano.

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

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • Hola @pepe2017 el tema que preguntas es más bien de HTML y CSS que de WordPress, ya que si sabes como poner dos imágenes una al lado de otra con HTML/CSS, podrás hacer lo mismo con los sliders.

    Hay muchas soluciones para el mismo resultado, por ejemplo, puedes ver esta prueba de HTML y CSS que he creado para mostrar el efecto https://codepen.io/carlos_longarela/pen/EBGQJY

    Se puede llegar al mismo resultado de muchas maneras diferentes, o incluso si usas un editor visual en tu WordPress, hacerlo sin código.

    Saludos.

    Muchas gracias Carlos Longarela.
    Efectivamente, lo he puesto como me dices y aparece perfectamente como yo quería. Ahora haré modificaciones pera la base ya la tengo.
    Aunque al principio no entendía tu recomendación, Permíteme que lo aclare,por si algún novato como yo lo lee y no lo entiende.
    Hay que colocar la parte HTML de tu ejemplo en la pagina y la parte CSS en el CSS adicional. En la parte CSS es donde están los valores configurables y el HTML le da nombre las clases.
    Ahora modificaré para poner 3 sliders en linea.
    Muchas gracias, este foro no falla.
    Saludos.

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