[Support request] Style the left sidebar – CSS

[Barney]

How do I style a border around the left sidebar? Thx!

[Leo]

Hi Barney,

Any chance you can link me to the page in question?

Or let me know if you are using the one container or separate containers layout?

[Barney]

The left-navigation with a yellow background is the left sidebar.

The layout is “separate containers.”

ty!

[David]

Hi there,

you can use this CSS:

#left-sidebar {
  border: 3px solid #0d65b1;
}

And if you want you can remove its top border on desktop ( as the element above has a border ) then add this CSS:

@media(min-width: 769px) {
  #left-sidebar {
    border-top: 0;
  }
}

[Barney]

Works great. Thanks for going above and beyond with that second snippet of CSS!

[David]

You’re welcome!

[Author]

Posts