Make Your Forum Module Stand Out - simple tip for newbies

This is super easy CSS to help make your Home Page Forum module stand out. The point is: Make one special module stand out from the rest.

 

Instructions:

  • Edit CSS below, changing background color to your preferred color. The example color looks great on a white home page, and has that WordPress look.
  • Add CSS to your Advanced CSS via My Network/Settings/Appearance/Advanced.
  • Done.

CSS Code:

/* Make Your Forum Module Stand Out with Polished Look - Home Page */
.xg_widget_main .module_forum {

background: none repeat scroll 0 0 #F0F7FF!important; padding:15px; border:1px solid #e6e6e6;

}


Another nice alternative on colors:

.xg_widget_main .module_forum {
background: none repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;

}

 

Enjoy,

Jen

Views: 466

Replies to This Discussion

Permalink Reply by Broom Riders on November 4, 2011 at 5:48pm
Hey Jen,  is there any page with an example so we can see how it looks?
Permalink Reply by JenSocial on November 4, 2011 at 8:26pm

I added it to home page here. All it does is add nice padding, a background color, and subtle border around the forum module. I happen to have 2 forums, so you'll see 2 forums that stand out.

Best,

Jen

Permalink Reply by JenSocial on November 4, 2011 at 8:30pm

RSS

Latest VIP Ning Tips!

Hover Links for Preview

» shhhh, Huge Ning Designer Secret - - Insert Simple HTML at Top of List Pages: Blogs, Events, Forums, Groups, Photos, and Videos.

» Make Home Page Photo Module Stand Out

» Professional Splash Page Template (Landing Page) - Pro Accounts

» Beautiful Coda Content Slider for Ning Networks

» Move Group Pages Module To Top

Blog Posts

Hi Everyone!

Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments

Message from Ning CEO - January 4, 2017

Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments

New Ning 3.0 Feature! Add Slideshow to Photo Module

Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments

Good Riddance Mode Media! Exciting News About Ning + Cyndx LLC

Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments

Ning RAISING RATES for Ning 2.0 sites

Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments

Members

Latest Ning Tip

Blogcentric Sites - Add "Read More" to Blog Titles - Ning 2.0

Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)

Lucid Car

Discussion Forum

Mp3 player for Ning 3.0 - created by me

Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies

Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)

Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies

Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)

Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies

Trending on JenSocial 

1 Hi Everyone!

Hi Everyone!
2 Mantra for healing | Om Tare Tuttare with Katja

Mantra for healing | Om Tare Tuttare with Katja

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips