Group Page Layout

[Sara Campbell]

I am attempting to completely remove the third column (with the member sign in info) from all of my group pages - allowing the Info boxes and pages/members modules to fill the page.  I have searched through the creator notes on groups layout and none of the CSS posted has made a change on my sites.   All the space on the right is wasted.  Anyone know how to fix this.  I am using this CSS:

 #xg_module_account { display:none;} 

to remove the sign in info from the column. 

thanks -

Sara

Screen shot:  

[RyanJames]

Hi Sara, Try placing the below code in your custom code (found in tools). This will widen the first column in the group pages. You may want to adjust the width to your liking. I'd try this in your test network first to see if it works the way you want it to. Hopefully this helps :)

!-- 2 Column Group Formatting -->
<script>
if (window.location.href.split('group')[1] > '/') {
x$('.xg_column .xg_span-5 .xg_last').css('display','none');
x$('.xg_span-16').css('width','970px');
x$('.xg_headline').css('display','');
x$('.xg_span-12').css('width','760px');
x$('.xg_widget_groups_group_show .xg_module_with_dialog').css('display','none');}
</script>

[Sara Campbell]

Does the order in which my columns appear make a difference?  My layout is Group info far left - the mini column with members and pages appears center and the column with member info is far right.  My main site is only two column layout, of which I use full width on 99.9% of the pages.  

thanks 

[Anthony]

Would something like this work for you?


If the answer is yes, use the CSS code below and place it in your advanced CSS section.

.xg_widget_groups_group_show .xg_3col, .xg_span-16 {width: 938px;}

.xg_widget_groups_group_show .xg_span-12 {width: 745px;float: right;}

.xg_widget_groups_group_show .xj_classic_sidebar {display: none;}

.xg_widget_groups_group_show .xg_span-8 {width: 555px;margin-top: 32px;}

 

[Sara Campbell]

I do want it to look like above.  The above code moves my "center" column to the far left, but does nothing about the huge white space on the right.  

The column I'm trying to get rid of is the hi-lighted one below.   Our sites are for a University - so we don't use much of the social networking - I want as much content on the page as possible. 

Thanks -

[Alexander Molina]

I love this code and how make look my groups, the only problem i see is the code change my right column in the main page to. what could hapen?

THX

[Sara Campbell]

A more simple way of putting it, I want to use the same -  Use full page width (hide sidebar) - option on my group page I have on all my other pages. 

[Evandro Dalben]

I would like to contribute to this topic .. in my case works perfect for may proposes ...  see 

In my case I would like to move Members to left side, center main content, keep right side groups ... 

/************************* Group Layout ***********************/

.xg_widget_groups_group_show .xg_span-12 {width: 555px;float: right;}

.xg_widget_groups_group_show .xg_span-8 {width: 350px;margin-top: 0px;}

[DTM]

Most excellent. TY TY!!!