Before-After image on Essential Grid

[solid7d]

Hello,
in an “Essential Grid” I would like to open “Before-After” images in lightbox.
I did some tests but I wasn’t able to get what I wanted.
On this page: https://solid3d.it/temp/ you can see two different “Essential Grid”: the first (Temp1) is made with pages that in the “iFrame HTML Markup” have the link to the same page otherwise it does not work and in the second (Temp2) I tried to use two posts made with two different “Before-After” plugins (“TwentyTwenty” and “Twenty20”), but also in this case I was not able to obtain the desired result.
The first gallery is the one that comes closest to the result but has a 1px white line below and two black bands on the sides.
How can I modify the first gallery or how do I have to build a gallery from scratch that can correctly show the “Before-After” images? On the page https://solid3d.it/360-2/ I have already managed to use unusual images such as 360 ° pano, could you help me solve this which is the last page of the site to be completed?

If you need it, in a secure note below you will have your login credentials, you can make any changes to the page https://solid3d.it/temp/ and to the “Essential Grid” “Temp 1” and “Temp 2”.

Thank you and have a good day

[ruenel]

Hello @solid7d,

Thanks for the very detailed post information. I have compared both the Temp 1 and Temp 2 grids. This is what us missing in your Temp 2 grid.

Please compare your grids and make sure that you have both same settings except the sources.

[solid7d]

Hi @RueNel,
I probably explained myself wrong, but I meant that there were problems in both galleries. “Temp 1” was the most exact one, but it had the problem of the lateral black bands and the 1 px line at the bottom.
Anyway I solved: removing the “width” and “heigth” values from the “TwentyTwenty” plugin code, the lateral black bands and the lower white line have disappeared.

Thanks for the support and have a good day

[christian]

We’re glad that you figured out a solution, @solid7d.