[Product Post] Theme Tip: Modifying Social Groups

Posted by Adrian Speyer on Sep 26, 2014 2:51:02 PM
Find me on:

1 minute read

Social Groups can be a wonderful addition to large communities, where it's possible hundreds of users need access to private areas on an ongoing basis or a sub-group wishes to connect separately from the overall community. Social Groups allows administrators to create groups around a topic or a specific event. Forum Administrators can also give other community roles, such as moderators, the ability to create or lead groups. The below video showcases how it works:


One thing you will notice in the video is the logo and the banner image used in the sample Social Group. To ensure your images look great, you should use the following sizes:

  • For the Group Icon: Your image should be no bigger than 100 x100
  • For the Banner Image: Your image dimensions should not exceed 940 x200.

In terms of look and feel, you can modify each of the components of the group pages using CSS. Here are the key classes you can use to add CSS markup.

/* CSS for Group Events */
.Group-Events {

/* CSS for Group Announcements */
.Group-Announcements {

/* CSS for Group Discussions  */
.Group-Discussions {

One idea, for example, could be changing the background of Events or Announcements so they really stick out.

We hope you found these tips helpful. Check under the product category for more product tips.

Vanilla Forums offers a cloud based solution which can be used to create a Question and Answer Community. Try Vanilla Forums Cloud Solution free for 30-days.

Topics: Product

Related posts

Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.

Search this blog

Recent Posts

community playbook

Have an Article for Vanilla's Blog?

Send us an email to pr@vanillaforums.com with your topic idea and we'll circle back with our publishing guidelines.