Docs

[mathijs84]

Hi guys,

On the bottem of this page: http://nvision.work-planning.com/adverteerders/

You see the section Klanten, with logo’s of companies.

Is it possible to only show the first 3 rows and make a button Show more, and when you click it the rest of the images will be shown?

[Christopher]

Hi there,

Thanks for writing in!

The layout is achievable with The grid plugin. please check this link https://community.theme.co/kb/integrated-plugins-the-grid/

Hope it helps.

[mathijs84]

Thanks i used the grid and made a section beneath the first Klanten section at http://nvision.work-planning.com/adverteerders/

Any idea how i can make the images the same as in the above section, so with the border and smaller !

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.page-id-413 #x-section-5 .tg-item {
    max-width: 156px;
    border: 2px solid #e5e5e5;
}

.page-id-413 #x-section-5 .tg-item-image {
    background-size:contain;
}

Hope that helps.

[mathijs84]

Great thanks,

I also edited the load more button!!

When you click that bottem it will display that it’s loading which is fine. But when all is loaded, it is still displayed at the bottem.

Is it possible to hide the button when you have clicked it to show the rest of the logo’s??

[Nabeel A]

Hi again,

Yes it it possible, add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.tg-ajax-button-holder').click(function(){
		$(document).ajaxSuccess(function() {
			$('.tg-ajax-button-holder').hide();
		});
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts