[Juan Manuel Saenz]

Hi all

As a Tempoera Layout I’ve chosen the one that has the two sidebars at the right of the content, and For some time I’ve been triying to add a vertical divider between the content and the first of sidebars (which is the ‘left’ sidebar, indeed), with no results. Does any one know a way to do it, or any suggestion that could help?

Thanks in advance!

[Jim]

Hi Juan

I managed to create the following CSS try copying it and pasting it into the custom CSS area within Misc Setting.

#container.three-columns-right #content {
border-right-width: 1px;
border-style: solid;
float: left;
padding: 5px;
width: calc(100% – 340px);
}

I hope it helps

Jim…

[Juan Manuel Saenz]

Jim:

That’s EXACTLY what I needed 🙂 !!!

Heartfelt thanks, my friend!

[Juan Manuel Saenz]

Oops…

Jim, My enthusiasm has led me to write too fast … I just noticed the divider, which is fine, but the CSS code has altered the layout, making one of the sidebars (right) to stay above the other (the left, the one which is beside the content). Do you think there some way to fix it?

Many thanks!

[Jim]

Hi Juan

There are a couple of things you could try.

In the code I sent I put a padding value of 5px just to make things a bit neater, you could set this back to 0px and see it that resolves.

or

You could play with the layout slider in Layout Settings, maybe just reduce the content width and expand the sidebar section, to see if that will bring it all back in line.

I hope this helps

Jim…

[Kay]

Hi guys!

The easiest thing right now would be to add the following to the CSS declaration Jim gave:

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;

Remember to keep it all within the same declaration, so paste this before the final closing bracket.

---

Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.

[Juan Manuel Saenz]

Bingo!

Jim, Kay: many thanks for your nice help! Now it works awesomely: I’ve merged the two solutions, incorporating Kay’s code into the CSS previously written by Jim, and arranging a bit the layout to improve the final look.

Thank you, my friends!

[Author]

Posts