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

Replies to This Discussion

Hey Jen,  is there any page with an example so we can see how it looks?

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

RSS

Members

© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips