3 Columns Show 2, 2 Columns Show 1

Hello Johnny,

Follow me here –

Step-1 : Open your plugin directory and then open photo-video-link-gallery plugin folder.

Step-2 : Now open photo-video-link-gallery.php file on any editor.

Step-3 : Go to near line no. 87 and find below css code there –

@media (min-width: 992px){
				.col-md-6 {
					width: 49.57% !important;
				}
				.col-md-4 {
					width: 33.30% !important;
				}
				.col-md-3 {
					width: 24.70% !important;
				}
			}

Step-4 : Replace above css with this css code.

@media (min-width: 992px){
				.col-md-6 {
					width: 47.57% !important;
				}
				.col-md-4 {
					width: 30.30% !important;
				}
				.col-md-3 {
					width: 22.70% !important;
				}
			}

Step-5 : Save your code and then check your gallery.

Let me know if you will get any issue.

Thanks

Hello Weblizar,

Thank you for the detailed, step by step instructions.

I got to

Step-3

and cannot locate that code near line 87, or anywhere in that file (via Control + F search in notepad & notepad++, as well as WordPress plugin editor).

Can you please tell me what I am missing?

Thank you,

Johnny

Hi Johnny,

Sorry! It’s my bad.

File is photo-gallery-short-code.php.

You have quick look here.

And let us know.

Thanks

Hi Weblizar,

No problem, thanks for the quick reply.

After making the edits, via photo-gallery-short-code.php, it had no effect. I know I edited correctly and uploaded back to FTP correctly. I even created a new gallery entry with a new short code.

What else could it be?

Weblizar,

Spent some more time playing with that .php file. Namely, I lowered the three widths you suggested even further (by 10% each, except for .col-md-4), like this:

@media (min-width: 992px){
				.col-md-6 {
					width: 37.57% !important;
				}
				.col-md-4 {
					width: 20.30% !important;
				}
				.col-md-3 {
					width: 12.70% !important;
				}

This worked, as you can see on this page (Test 2 gallery set for Three Column w 3 images uploaded, Solutions Test gallery set to Two Column):
https://www.healthcareexcellence.org/masonry-test-oage/

What’s interesting is that it now displays/has room for four columns when I select Three Column.

1) Is there some CSS I can add to center the shortcode? Or,
2) What are the optimal width: %?
3) How can I deactivate the Transition Effect?

Thanks,

Johnny

Sorry Johnny,

1) Can’t center the shortcode.

2) I think you already optimized according to your content area size.

3) This the main feature, otherwise you can go with our other gallery plugins, but the link feature not there.

Thanks

Thanks for all your help Weblizar!

Your Welcome and thanks for using our plugin.