Wider Forum Box on Home Page - 2 columns

Better Engagement with a Wider Forum Box on Home Page

* I may have added this to JenSocial in the past. But, don't think so.



This CSS will make your home page Forum Module fill the width of 2 columns. You must have the Forum Module at the very top of your site, in the top center wide column. I added to the Ning Creators site via FireFox, so you can see an example.








This hack as in any, may have to be tweaked for your unique CSS. However, I have installed this on several Client sites without issue. I have tested on the wide and standard layouts. It will not work without more tweaking, where the wide column has been moved to the far left.



What You Need To Do After You Install CSS:

You will need to adjust your column content, as-in, you will have a gap in bottom center. All you'll probably need to do - - move another module in that spot via My Network/Settings/Features Layout.



If you want this styling on your site, I hope it works well for you!





Edit the following code, and add to your Advanced CSS via: My Network/Settings/Appearance/Advanced



CSS YOU WILL ADD:

 .xg_widget_main div.module_forum {width:738px;margin-left:-250px;height:255px; overflow:auto; position:relative;}.xg_widget_main div.module_forum .xg_module_head {width:738px!important;}
/*** MOVE ENTIRE COLUMN DOWN TO ADJUST FOR FULL WIDTH ON FORUMS ***/
.xg_widget_main_index_index .xg_3col .xg_1col {margin-top:268px!important;}
Labels:

Post a Comment

[blogger]

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget