Learn this 2 simple steps on how to expand group module in 3 columns.

Demo:

see it in action click here and scroll down all the way to the bottom of the page.

 

Step 1: Make sure that group_module is placed at the center column and is at the bottom

of the page.

 

Step 2: Add this CSS codes in your advance tab.

.xg_widget_main .xg_2col .module_groups .clist li {
margin:0 1px 8px 3px;
}

.xg_widget_main .xg_2col .module_groups .clist {
display:inline;
clear:none;
}

.xg_widget_main .xg_2col .module_groups {
left:-250px;
width:954px;
}

 

Hit save and your all set! ;)

check your homepage.

Views: 342

Replies to This Discussion

Perfect!

Salamat sa tip kabayan.

Mabuhay ka!

glad u liked it tatay! :)

mabuhay ka too!

Vaqz,

How r u? Musta?

Is the theningfordummies.ning.com still active or hinde na?

 

I still have my ning site, which is for my company paid by them, here is the http://expansionsystem.com

 

Regards

Hello Sir Ariel,

Sorry late reply. Anyways Ning4dummies is no longer active

since the new plans started. Glad to know that u were able to continue with your network.

Im good btw, how bout u?

 

-vaqz

Very nice Vaqz! Thank you for adding this great tip!

Best,

Jen

Your welcome Ms. Jen

thank u for featuring this tip and for featuring me too! :)

 

-vaqz

Man this would be awesome if it were at the top of the page :) Is there anyway to put it at the top of the page?

Robert,

I've only stretched the photo module across 3 columns on extra wide sites. Follow the same steps, with photo module at bottom, in center wide column. Also, select thumbnails, not slideshow.

 

You'll have to tweak this code for a normal width site.

.xg_widget_main .xg_2col .module_photo {margin-top:30px; height:230px;}
.xg_widget_main .xg_2col .module_photo .clist li {margin:5px;}
.xg_widget_main .xg_2col .module_photo .clist li img {border:1px solid #e6e6e6;}
.xg_widget_main .xg_2col .module_photo .clist {display:inline;clear:none;}
.xg_widget_main .xg_2col .module_photo {left:-250px;width:1100px;}

 

Best,

Jen

In theory, yeah that should work. These type of hacks can get a little weird, depending on other CSS. Let me know how it goes.

Best,

Jen

Will this work for the video module

works perfectly! thanks!

I have a similar question how would you do this for video as well as it would look cool tnks

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips