Tip: Give a different look to your specific group page.

[Bernard Lama]

This will widen the first column, hide the right column and change the background color of group description in the specific group page. You may want to adjust the width  and background color to your preference. This code is made for New Design Studio.

Instructions: Be sure to change your group page name as my group page name is classified. How to find the group page name? See example here: http://www.ksnonline.org/group/classified

After replacing your group page name, copy and paste the code into custom Code.

You are done!

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'classified') {
x$('.xg_span-16').css('width','982px');
x$('.xg_span-4').css('width','183px');
x$('.xg_span-12').css('width','790px');
x$('.xg_span-5').css('display','none');
x$('.nopad').css('background-color','#eef2d5');
x$('.xg_user_generated').css('width','500px');}
</script>

<script type="text/javascript">
if (window.location.href.split('group/')[1] == 'classified?xg_source=activity') {
x$('.xg_span-16').css('width','982px');
x$('.xg_span-4').css('width','183px');
x$('.xg_span-12').css('width','790px');
x$('.xg_span-5').css('display','none');
x$('.nopad').css('background-color','#eef2d5');
x$('.xg_user_generated').css('width','500px');}
</script>

If you want to change your regular group to classified group or some other kind of group, I'm available for hire or contact me at [e-mail]

Try our Private Support ( Instant and Full Support)

Live Preview: Here

Preview:

[Bernard Lama]

Hi Jfarrow,

I tried to do it in that way also but there is an error, when I try to use it for multiple groups then it affects main page also. I'm finding the solution. I will let know when it's done.

[Bernard Lama]

Meanwhile, you may want to use the same code for another group.

[Janettee McCrary]

Is there a way to do this for networks using the old design? And for multiple groups? I'd like to have ALL of my networks styled this way:)

[Bernard Lama]

For multi group is possible. But I'm not sure with the old editor.

[ismail shah]

hi. bernad.

its great tip i need it for all groups then?. any specipic code?

m waiting for all groups or multiple groups

[Bernard Lama]

Here is the code.

<script type="text/javascript">
if (x$(".xg_widget_groups_group_show").length > 0){
x$('.xg_span-16').css('width','982px');
x$('.xg_span-4').css('width','183px');
x$('.xg_span-12').css('width','790px');
x$('.xg_span-5').css('display','none');
x$('.nopad').css('background-color','#eef2d5');
x$('.xg_user_generated').css('width','500px');}
</script>

[ismail shah]

will you define Span,s what they stands for. 

like span-4 for Side bar ......

[Alex wood]

Hi Bernard, I tried this code and its looks great however in the groups page ive noticed an issue with the footer,

Compared to without the code

Do you have any ideas? Ive tried changing the location of the code in the custom code box but that does not seem to help.

Thanks

Alex

[Bernard Lama]

Hi Alex,

Can you show me your site? So I can take a close look.

[Alex wood]

sure its www.sustainablevision.org and follow the members sign in, i'll message you a log in now, ive just pasted some of your content to test the layout and pagination, ill delete it later tonight also.

[Bernard Lama]

I'm looking for the page which has a problem with the footer///

[Alex wood]

oh sorry its within the groups http://members.sustainablevision.org/group/volunteer-job-board