Archived topic
Sidebar with
11 replies · Started by John on August 4, 2016
Hi Tom
Is there a way to set the width of the sidebar other then the default 20-25-30 percent. I do want something in between, like 23%.
Like to hear from you.
Kind regards
John
Hi John,
You would have to use custom CSS.
For example, if it's set to 25 - you could do this:
.sidebar.grid-25 {
width: 23%;
}
Of course, this will throw off the grid, and you'll have to adjust the content area as well:
.content-area.grid-75 {
width: 77%;
}
Thanks Tom
Tomorrow i'm gonna try this. (evening here. we live in different time zones :-) )
Kind regards
John
Have a good night :)
Hi Tom,
It worked, but still have a question. I would like to have -left - content - right- with percentages 16% - 60% - 24%, is this possible (i think yes) but how.
Kind regards
John
Sure, you just need to specify the sidebar.
#right-sidebar.grid-25 {
width: 24%;
}
#left-sidebar.grid-25 {
width: 16%;
left: -60%;
}
.content-area.grid-50 {
width: 60%;
left: 16%;
}
Thank you Tom, this does the job.
Kind regards
John
You're welcome :)
Hi Tom
What css do i need when i want to have 64-14-22 percent?
Kind regards
John
You just need to adjust the values above :)
.content-area needs to be left: xx% (width of the left sidebar).
#left-sidebar needs to be left: -xx% (width of the content).
Hi Tom
Thanks, that will do the job
Kind regards
John
You're welcome :)