By Renato Mendonça on Thursday, 17 October 2013
Posted in General Issues
Replies 17
Likes 0
Views 1.2K
Votes 0
Hi,

I would like to know the best way to change the width of the sidebar and main content.

Tks
Mark, this didnt work for me. Any suggestions?
·
Wednesday, 04 December 2013 05:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Please provide me with the access to the page so that I can review this
·
Wednesday, 04 December 2013 10:01
·
0 Likes
·
0 Votes
·
0 Comments
·
I have added the website address. If you look at the latest blogs column at the bottom, you'l see that the width is not 250px. Thanks.
·
Thursday, 05 December 2013 02:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Maurice,

Try this instead,


div#es-wrap.view-profile .es-container .es-sidebar
{
width: 350px !important;
}
·
Thursday, 05 December 2013 02:11
·
0 Likes
·
0 Votes
·
0 Comments
·
MArk, that did not work.
·
Thursday, 05 December 2013 05:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Maurice, have you tried clearing your browser cache? Sometimes the change is made, but is not visible to you because your computer is storing a older version of the CSS file.
·
Thursday, 05 December 2013 08:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Maurice,

That code above is only applicable on the user's profile. Which sidebar are you trying to resize?
·
Thursday, 05 December 2013 10:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I also tried both with 400px to show real width impact to test :
/*EASYSOCIAL CUSTOM SIDEBAR WIDTH*/
div#es-wrap .es-container .es-sidebar
{
width: 400px !important;
}

div#es-wrap.view-profile .es-container .es-sidebar
{
width: 400px !important;
}


After cleaning all possible cache I cannot see any difference.
·
Friday, 13 March 2015 21:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Try:


body div#fd.es .es-container .es-sidebar {
width: 400px!important;
}
·
Saturday, 14 March 2015 00:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you Justin
Thumbs up !

I really appreciate you took of your time to answer
·
Saturday, 14 March 2015 00:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Glad I could help.
·
Saturday, 14 March 2015 01:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing this Justin!
·
Saturday, 14 March 2015 02:47
·
0 Likes
·
0 Votes
·
0 Comments
·
OK - I am trying to resize sidebar and appreciate the code to try but I don't see which file I should apply it to. Any hints?

thanks guys
·
Monday, 01 August 2016 18:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Duh. Nevermind.

For the next person who searches: Go into theme and edit custom, if you add it there - it works like a charm.
·
Monday, 01 August 2016 18:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi bridgette Patrov,

Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry.
·
Monday, 01 August 2016 18:55
·
0 Likes
·
0 Votes
·
0 Comments
·
I know about starting new threads - however, the information and issue were all in this thread. All I needed was the correct file to place it in.

In future, I will copy and paste all that to a new thread but it does seem a bit counter intuitive.

thanks,

B.
·
Monday, 01 August 2016 20:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

You can put all the custom css into this file location : JoomlaFolder/templates/<YOUR_JOOMLA_TEMPLATE>/html/com_easysocial/css/custom.css

http://stackideas.com/docs/easysocial/administrators/templating/adding-custom-css-codes
·
Monday, 01 August 2016 23:33
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post