[Resolved] Sidebar with

[John]

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

[Tom]

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%;
}

[John]

Thanks Tom

Tomorrow i’m gonna try this. (evening here. we live in different time zones 🙂 )

Kind regards
John

[Tom]

Have a good night 🙂

[John]

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

[Tom]

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%;
}

[John]

Thank you Tom, this does the job.

Kind regards
John

[Tom]

You’re welcome 🙂

[John Kieffer]

Hi Tom

What css do i need when i want to have 64-14-22 percent?

Kind regards
John

[Tom]

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

[John]

Hi Tom

Thanks, that will do the job

Kind regards
John

[Tom]

You’re welcome 🙂

[Author]

Posts