Tip: How To Add A Default Group Image For Your Group Hubs

[Bizz]

This is just a little tip for your groups. When a group is added by You or a Member they have the choice to add a group image as well as a group cover photo or just one of eachor none at all. If you or the member decide not to add a group image ( ie the small one which sits in the top left corner of the group and displays in your group hub list and modules ) then it just leaves a blank space with the group name so here is a way to display your own default image to help keep everything looking neat and tidy. On my site I have added a no image icon, I created this in photoshop by creating a transparent png then added a small icon in the middle of it, the size for the png was 140px by 168px then I added the image over that and resized the image, here is a link to the image if you want to save it for yourselves, remember to save it as a png to keep the transparent background

https://storage.ning.com/topology/rest/1.0/file/get/8370665257?profile=original

Here it is live on my site

https://jr-images.ning.com/

When a member or you add a group image the default one is replaced by the new one.

And here is how you do it

First of all add the image to your file manager, it can be any one you like or you can use the one I provided

Next once the image has been added to your file manager copy the link to the image, paste it onto notepad or something like that to use in a bit

Copy this line of code to your design studio css and add the link into the part which says add link here then publish and that's it all done. Make sure you keep the " " at each end of the link inside the brackets.

.groupHub .matrix-media-1-1 { background-image: url('  add link here ');}

Bizz :-)