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

Tags: background, forum, forum background, forum module, forum stand out

Views: 353

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

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips