Current status of the Ning Platform is always available on the Ning Status Blog.

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 :-)

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Is there a way to do something similar with articles? Instead of a default group image, a default article image that exists instead of the "no file chosen" box. 

    • You can add a different background image to it so it's not just a grey box but that would only be for display purpose and would NOT be the image that would be uploaded if no image is added by who ever is creating the article.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rosas † Negras posted a discussion
 textarea.input-full { border: 2px groove #FFF;padding:border: 0px solid rgba(100, 100, 100, 1);…
5 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I got my buttons coding going and changed on most layouts now. I like it when things glow lol "
20 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I thought you may be an NC for Hire as well? My bad. You could probably be one tho if you wanted to…"
20 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"i added the perfect css thanks for making the remark"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"status-container {border: 2px groove #eed255;padding: 10px;border-radius:…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"I don't copy codes, the first person who created this is jen ,you have never had this css since I…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"thank you my Master Bizz "
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"⚡JFarrow⌁ 
we all miss you brother. creators in need of your codes,let's make this place alive…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
".status-container {border: 2px groove #eed255;padding: 10px;border-radius:…"
yesterday
⚡JFarrow⌁ replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"took the words out of my fingers..."
yesterday
Bizz replied to Rosas † Negras's discussion
Ning 3.0 - if you want to stylize your status-container these are CSS
"The above code you added is wrong, it has a curley bracket at the start and not one at the end of…"
yesterday
Bizz replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I will add my profile themes back onto my demo site as this will give you some idea of just how…"
yesterday
More…

Meanwhile, you can check our social media channels