Reply To: No Scrollbars in Popup

Your Account / Forums / Easy FancyBox Pro / No Scrollbars in Popup / Reply To: No Scrollbars in Popup

May 22, 2017 at 9:27 pm #8318

Very sorry Ravan, but you’ve totally lost me. The photos are being displayed through a text widget on the front page.

This is the code from the text widget:

<a href="/wp-content/uploads/2017/05/workimage_2.jpg" class="fancybox">

<img src="/wp-content/uploads/2017/05/front-gallery-thumb-335x335-2.png">

</a>

<a href="/wp-content/uploads/2017/05/workimage_2.jpg" class="fancybox">

<img src="/wp-content/uploads/2017/05/front-gallery-thumb-335x335-2.png">

</a>

<a href="/wp-content/uploads/2017/05/workimage_3.jpg" class="fancybox">

<img src="/wp-content/uploads/2017/05/front-gallery-thumb-335x335-3.png">

</a>

<a href="/wp-content/uploads/2017/05/workimage_4.jpg" class="fancybox">

<img src="/wp-content/uploads/2017/05/front-gallery-thumb-335x335-4.png">

</a>

And this is the CSS:

.front-page-2 img { display: block; }

.front-page-2 {
	padding-left: 7.5%;
	padding-right: 7.5%;
}

#text-6 {
	padding: 0;
}

.front-page-gallery {
	float: left;
	width: 23.076923076923077%;
	margin-right: 2.564102564102564%;
	margin-bottom: 0;
}

.gallery-fourth {
	margin-right: 0;
}

@media only screen and (max-width: 800px) {
	.front-page-gallery {
		float: left;
		margin-right: 2.564102564102564%;
		margin-bottom: 2.564102564102564%;
		width: 48.717948717948715%;
	}

	.gallery-second, .gallery-fourth {
		margin-right: 0;
	}
}

@media only screen and (max-width: 375px) {
	.front-page-gallery {
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 7.5%;
	}
}

I wonder if you could just advise what changes i should make.

I noticed the HTML was not displaying correctly in this post. It should look like this: