add a class to the sidebar div

[micharo]

How do I add a class to the sidebar div with the name of the specific sidebar displayed?
<div id="sidebar" class="nameofthesidebar"></div>

[Jon Weiss]

What exactly are you trying to accomplish? Are you trying to modify the css of a sidebar on various pages?

---

View My Site – Two W Media.com | I’m a Recommended StudioPress Customizer

[micharo]

I have a few different sidebars.  Some sidebars are used on many pages. In order to apply css on the sidebars, for example a background image, I want to address the specific sidebar directly. Therefore I try to add a class in the sidebar div with the name of that sidebar. I looked into genesis-structural-wraps but i think that is not the way to go.

Any help appreciated.

 

[Jen Baumann]

Are you using simple sidebars?

[micharo]

On some projects I add sidebars with php code, on other projects I use simple sidebars. As far as I can see simple sidebars does not add a extra class to the sidebar div - with the sidebar name.

perhaps there is a filter or so?

[Jen Baumann]

It all depends on how you do things. There's more than one way to skin a cat, but if you do it this way, then it is easy to add a class to the sidebar markup.  As for Simple Sidebars, send me a message. I may have something for you to test.

[micharo]

Thanks for the reply.

I will use it when I will do it with code. I don't know why I could not see that solution.

Another question: Why are you using genesis_structural_wrap in your example on your site?

Thanks again.

[Jen Baumann]

Basically, just to maintain consistency with the standard Genesis sidebar markup.  If you look at the Genesis sidebar.php, you'll see the same markup.

[Author]

Posts