By Katie Browning on Friday, 07 February 2014
Posted in Technical Issues
Replies 16
Likes 0
Views 1.2K
Votes 0
Hi there

Just looking to remove the left sidebar on Profile. I did it in older versions, putting
div#es-wrap.view-profile .es-sidebar
{
display: none !important;
}


in components / com_easysocial / themes / wireframe / styles / style.css but now the file seems to have different coding in it so I cant do it there. Any idea?

Thanks
Katie
you are posting in the wrong forum, use the Beta forum to post anything related to 1.2 as it is not release yet.
·
Friday, 07 February 2014 21:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Ive just moved it
·
Friday, 07 February 2014 22:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Katie,

EasySocial 1.2 is still beta right now and I would appreciate it that you would understand that right now, we are only focusing on bug fixes. As for the customizations, please include all css fixes / hacks in your template's css file.
·
Saturday, 08 February 2014 01:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Try this code for ES 1.2 beta:

.es-sidebar {
display: none !important;
}


It worked in FireBug on my end.
·
Sunday, 09 February 2014 05:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing
·
Sunday, 09 February 2014 12:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Josh!

I put that code into my template css, but unfortunately it didnt work. This is the fixes I have at the bottom of my template.css file.
Just in case I didnt mention this, I just want the left sidebar gone only in the profile page.

#es-wrap .es-header-info ul li{
border-bottom: none;
}
.es-widget.comments .es-widget-head{
display: none;
}
#es-wrap .es-header-info ul li{
border-bottom: none;
}
.es-header-info .list-unstyled li
{
border-bottom: 0 !important;
}


Thanks for any help!
Cheers
Katie
·
Sunday, 09 February 2014 13:36
·
0 Likes
·
0 Votes
·
0 Comments
·
That's strange! It works on my test site as seen here: http://www.test.alpineascent.com/user/62-josh/

What EasySocial template are you using? Remember that the theme you are using is determined by profiles > general > Layout. My code applies to the Frosty Theme.
·
Sunday, 09 February 2014 14:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hmm maybe Ive put the code in the wrong file. Ive put it in my joomla template template.css not in the "wireframe" theme that Im using.
·
Sunday, 09 February 2014 14:26
·
0 Likes
·
0 Votes
·
0 Comments
·
What EasySocial theme are you using?
·
Sunday, 09 February 2014 14:53
·
0 Likes
·
0 Votes
·
0 Comments
·
wireframe
·
Sunday, 09 February 2014 15:06
·
0 Likes
·
0 Votes
·
0 Comments
·
The code I has works on the wireframe template too. I guess I should have asked the obvious - have you cleared your browser cache?
·
Sunday, 09 February 2014 17:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Oh silly me! It works now

The only little problem though is that I only want the sidebar gone on the profile page, not every page e.g community stream

Thanks for your help!
Katie
·
Sunday, 09 February 2014 17:46
·
0 Likes
·
0 Votes
·
0 Comments
·
You need to add .es-profile after #es-wrap so that it looks like #es-wrap .es-profile .es-header .....
·
Sunday, 09 February 2014 21:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry but that doesnt work. This is the code that ive put in template.css ( then clearing cache)

#es-wrap .es-profile .es-header .es-sidebar{
display: none !important;
}
·
Sunday, 09 February 2014 22:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah this worked!

.es-profile .es-sidebar{
display: none !important;
}


Thanks for helping me through this!!! Love the update!!!
·
Sunday, 09 February 2014 22:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Great!
·
Monday, 10 February 2014 10:58
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post