Site logo

Archived topic

Sidebar with

11 replies · Started by John on August 4, 2016

Viewing posts 1–12 of 12

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 :)

This archived topic is closed to new replies.