Add custom class to structural layout elements

[badlydrawnben]

Hi,

In order to integrate some third-party grid systems, I'd like to add a custom css class to the standard .site-container .content .sidebar etc elements - so for example it would produce the code

<aside class="sidebar sidebar-primary widget-area col-3">

instead of

<aside class="sidebar sidebar-primary widget-area">

I can't see any Genesis hooks or functions that make this is possible though.

Any ideas?

Thanks,

Ben

http://#

[David Chu]

Hi,
I've become the semi-official Twitter instructor on this topic. 🙂

Check this Gist out. In the notes you'll see where you can find out where more attributes can be played with. New attributes can be placed all over, making it easier to incorporate Bootstrap and so on.

Note the concatenation and space before the class. If you don't have that, you'll blow away the other classes, causing significant visible results. 🙂

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[badlydrawnben]

That's brilliant - thanks Dave. With my own name in the function and everything!

Much appreciated,
Ben

[David Chu]

Ben,
You're welcome, glad you enjoyed it! Hope you make something cool with it.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts