space between widgets

[African American Success Foundation]

Hello Bill,

I just updated the foundation theme and I lost the spaces between the widgets on my ‘you can help’ page can you help me.

Thanks
Sam

[Bill Robbins]

Good Morning Sam,

If you make any edits directly to a WordPress theme you do have to make them again anytime you update the theme. WordPress actually deletes the theme and then installs it again fresh so there’s nothing left of the original version after an update.

In the custom-js.php file, you’ll need to find this spot:

<?php if ( is_front_page() ) { ?>
	
	// Masonry for Home page widgets
		var $container = jQuery('#home-widgets');
			$container.imagesLoaded(function(){
			$container.masonry({
				itemSelector	: '.widget',
				gutterWidth		: 30,
				columnWidth		: 300,
				isAnimated		: true
			});
		});
		
<?php } ?>

and change it to this:

(You can grab that code best from the support site and not the notification email.)

and save your changes.

---

I did notice it appears that you have SiteOrigin’s Page Builder plugin active on your site. You could use that plugin along with a full width page template to create this layout as well. Just a thought.

Take care,
Bill

[African American Success Foundation]

Hello Bill,

Before I change this I have one question and that is if I put this in the child theme will that tke care of it with further updates?

[Bill Robbins]

You’re welcome to do this in a child theme. Since this takes place in a function, it’s a bit trickier to do, but it can be done.

[African American Success Foundation]

Hello Bill,

Where do I find the custom-js.php file? I could not find it.

Thanks
Sam

[Bill Robbins]

It’s in the includes folder in the theme. If you’re using the editor that’s built into WordPress, they just list all the files and don’t mention the folders. It’ll be listed there.

[Author]

Posts