Joomla Templates Club 406,261 posts

[Sanyam Jain Friend Sanyam JainJoin date: September 2014Posts: 27Downloads:0Uploads:2 Thanks: 8 Thanked: 1 times in 1 posts]

#179474

I want to increase the width of the sidebar and the JA Wall Logo. I am not able to figure it out. Please support.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#462574

<em>@orangeinfomedia 332095 wrote:</em><blockquote>I want to increase the width of the sidebar and the JA Wall Logo. I am not able to figure it out. Please support.</blockquote>

The solution has been posted here try it to see if it helps.

[Sanyam Jain Friend Sanyam JainJoin date: September 2014Posts: 27Downloads:0Uploads:2 Thanks: 8 Thanked: 1 times in 1 posts]

#463116

The link does not show how to increase the width of the sidebar, it only shows how to increase the width of the Logo. Need help here!!!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#463133

Hi orangeinformedia,

By default the width value of slidebar is 120px, For example now you want to increase it to the value of 220px you could try as following
Open the file of templates/ja_wall/css/layout.css you look for this css rule
#sidebar {
margin-left: -120px;
position: fixed;
top: 70px; /* Space for header */
width: 120px;
}

change it to
#sidebar {
margin-left: -220px;
position: fixed;
top: 70px; /* Space for header */
width: 220px;
}
and then looking for this css rule
/* Sidebar —*/
body.has-sidebar #container .container-main {
padding-left: 120px; /* Space for sidebar */
}

You change it to
body.has-sidebar #container .container-main {
padding-left: 220px; /* Space for sidebar */
}

I hope you got it 🙂

2 users say Thank You to Sherlock for this useful post

1. Sanyam Jain
2. giuliano m

[Sanyam Jain Friend Sanyam JainJoin date: September 2014Posts: 27Downloads:0Uploads:2 Thanks: 8 Thanked: 1 times in 1 posts]

#463181

now its working. thanks. both logo and sidebar’s width has been changed.

[Author]

Posts