Avisos
Vaciar todo

Consulta sobre lightbox modal  

 
Ruben
 Ruben
Noble Member

Hola que tal, me gustaria poder poner dos fotos en un mismo lugar como puedo hacer? uno al lado del otro 

image

 

Segundo como puedo agrandar el tamaño de la foto?

image

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 18/06/2022 7:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Lo que puedes hacer es añadir dos modulo de Lightbox, si lo añades como contenido se abrirán las dos imagenes juntas no tendras el efecto para cada imagen

.- Añade una nueva Sección:

screenshot mary52.webempresa.eu 2022.06.18 14 14 15

.- En la estructura añade dos bloques:

screenshot mary52.webempresa.eu 2022.06.18 14 14 59

.- En cada bloque añades un Modulo de Lightbox

screenshot mary52.webempresa.eu 2022.06.18 14 17 59

 

Un saludo

 

Esta publicación ha sido modificada el hace 2 años por Pepe
ResponderCitar
Respondido : 18/06/2022 1:19 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ruben
 Ruben
Noble Member

@pepesoler

Gracias, pero el problema de dos modulo, es que a la hora de poner la vista en modo mobile, se crea la imagen uno abajo del otro y lo que quiero es colocarlo por lo menos dos imágenes por modulo, espero poder haberme explicado bien

Capturazxcxcz
Capturasxxcc

gracias

ResponderCitar
Respondido : 20/06/2022 8:13 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

lo que quiero es colocarlo por lo menos dos imágenes por modulo

Si añades dos imagenes se mostraran en el mismo PopUp es decir, tendras una imagen y al abrirla se mostraran las dos imagenes dentro.

Para añadir dos imagenes juntas en el contenido puedes utilizar la propiedad inline-block

de CSS:

.- Añade el siguiente código CSS:

.two-columns {
width: 48%;
display: inline-block;
}

 

.- Edita el PopUp y en contenido añade lo siguiente:

<div>
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
</div>

Tienes que modificar la URL de la imagen por la de tu imagen.

 

Un saludo

 

Esta publicación ha sido modificada el hace 2 años por Pepe
ResponderCitar
Respondido : 20/06/2022 12:32 pm

Ruben
 Ruben
Noble Member

@pepesoler

en que parte tengo que colocar esos codigos?

image

en el mismo lugaR?

ResponderCitar
Respondido : 21/06/2022 12:56 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Ruben,

Como te comenta Pepe, uno es un css y el otro es el código del popup, es decir:

.two-columns {
width: 48%;
display: inline-block;
}

Esto va en Apariencias > Personalizar > Css adicional, y este otro es el contenido del popup:

<div>
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
<img class="two-columns" src="https://dominio.xxx/imagen.jpg" />
</div>

Un saludo  🖐️ 

ResponderCitar
Respondido : 21/06/2022 1:06 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress