Removing middle column from blog page

[Murray]

so, I've searched around for about 40 minutes now into some old posts on removing the middle column from the blog page.  I have very little CSS abilities but I am looking at removing that column so that my blog page is easier to read.  does anyone have updated code to remove teh column I am referring to?  Thanks!!

[Bernard Lama]

Is this what you are looking for? Note: This code will support only Design Studio.

.xg_widget_profiles_blog_list .xg_span-5 {
display:none;
}

.xg_widget_profiles_blog_list .xg_span-16 {
width: 982px;
}

.xg_widget_profiles_blog_list .xg_span-12 {
width: 794px;
}

[Murray]

:( unfortunately the column is still there after adding the code above

[Bernard Lama]

BTW, which column you wanted to remove? Middle or right?

[Murray]

middle, the one that shows recent blog, most popular blog etc...

[Bernard Lama]

This will work..try this..

.xg_span-4 {
display:none!important;
}

.xg_widget_profiles_blog_list .xg_span-16 {
width: 747px!important;
}

.xg_widget_profiles_blog_list .xg_span-12 {
width: 747px!important;
}

[Brandon Owens]

That's awesome Bernard, thanks for sharing. I'm trying to learn more CSS - can you tell me why the .xg_span-16 & -12 need to be included? I searched the page & see the xg_widget_profiles in the code but not the xg_span. 

Or I guess just how did you know which of the xg_span-# 's needed to be altered to change column to hide & to change widths on?  it seems like something I want to manipulate on other pages in the future so just curious how you properly identify elements to manipulate.

Thanks a lot.

[Bernard Lama]

Hi Brandon,

I'm going to explain it in a simply way. The .xg_span-16 is is the main platform for left and middle column and it has  standard width size 747px. This is not mandatory when you remove middle column but i'm using it to make it sure that platform width is equal to left column width which has 559px and I'm going to expand it up to 747px . I must expand  it ( .xg_span-12) because middle column looks empty. 

[Brandon Owens]

Hey Bernard - this tweak hides the center column on Group pages which causes the group image not to display & makes the group pages kind of useless (no way to see members / pages etc).

Is there a way to target the .xg_span-4 more specifically to avoid hiding it on group pages? i.e. 

http://studymorechinese.com/group/daily-chinese-sentence

(I took the code off for now so that the page displays properly)

Thanks.

[Bernard Lama]

I'm sorry I forgot to add .xg_widget_profiles_blog_list  for  .xg_span-4

here is the complete code now....

.xg_widget_profiles_blog_list .xg_span-4 {
display:none!important;
}

.xg_widget_profiles_blog_list .xg_span-16 {
width: 747px!important;
}

.xg_widget_profiles_blog_list .xg_span-12 {
width: 747px!important;
}

[Murray]

this is perfect... exactly what I needed done!!  Barnard, thanks for taking the time to make sure this worked properly!! 

[Preston Birch]

Hey folks, what about the right side for the blog page? So have the listings of blogs with the top / tags etc, but not the sign in box and other right hand column stuff