Additional Region Classes, Additional zone classes? How do I use these

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
jlew284's picture

Hi All,

I've looked everywhere in the documentation and can't find an example of this.

Under Zone and Region config blocks there's a form that says "Additional Zone/Region Classes - You can quickly add custom CSS classes to your zone here."

This looks like it might really help me but for the life of me I can't figure out how to use this.

How does this work? Am I supposed to add a full css style description? Just a class name? And if it's just a class name - where do I define the styles?

Comments

It's simple class names..

himerus's picture

You simply add class names here, and they are then applied to the zone/region wrapper(s) accordingly.

You may then target those classes as normal via CSS.

ok thanks.

jlew284's picture

I see where the class shows up in the source, but it's buried so deep it that adding css for it didn't really do anything.
At least I have an "anchor" that I can use to find the approximate area.

Pls give a clear picture

haradhansharma's picture

Would anybody give a sequence i mean clear example-screenshot on this regards?
I m not sure how to implement as i am newbie here.

An example

kweigand's picture

Say I have a Gallery Page and I want to target my picture region with a border.
I could use the Delta Module to create an Omega page layout of my liking and add a class of .bordered-region to it. Create the class definition .bordered-region{...} in my custom CSS file and voila! I have my border!

Ken Weigand