Use your own CSS for layouts (or OOCSS grids)

Permalink
Hi There,

New to concrete5 and was wondering if you can define your own CSS for the layout module - can't find much info on layouts in general.

Any help would be much appreciated.

Cheers

Ben

 
tallacman replied on at Permalink Reply
tallacman
By layout module do you mean blocks? or themes?
cmscss replied on at Permalink Reply
Thanks for the reply,

When editing areas, there's an option for "Add layout" and c5 will then insert divs with classes like: ".ccm-layout-row .ccm-layout-row-1".

Can you control the markup and classes that c5 adds?

Cheers

Ben
Shotster replied on at Permalink Reply
Shotster
> Can you control the markup and classes that c5 adds?

I don't think so - at least not easily. What I've done in the past is simply use the C5-assigned classes in my stylesheet to target the layout and its cells.

-Steve
Shotster replied on at Permalink Reply
Shotster
Actually, once you've created the layout, you can click a cell and choose "Design." Then you can add your own class or classes to each cell.

-Steve
cmscss replied on at Permalink Reply
Sweet as - I'll check that out but I suspect it will add my class in addition to the c5 ones so I think I'll add the c5 classes to my stylesheet.

Thanks heaps for the replies.

Cheers

Ben
RafaelGP replied on at Permalink Reply
RafaelGP
Check out Content Designer
http://www.concrete5.org/marketplace/addons/designer-content/...

It will allow you to create divs and other tags with your own ids and classes. It changed my life, or at least the way I create themes!!!

Cheers!
cmscss replied on at Permalink Best Answer Reply
Thanks mate, I'd discovered that block since originally posting - Jordan really is the savior for Designers that use c5!

Other blocks from Jordan that are lifesavers for understanding block functionality and integrating your own markup:
c5 Block Templates:https://github.com/jordanlev/c5_clean_block_templates...
c5 Contact Form:https://github.com/jordanlev/c5_custom_contact_form...
c5 Designer Gallery:https://github.com/jordanlev/c5_designer_gallery...

That last one, "Designer Gallery" provides you with the infrastructure to create your own slider/gallery block from any slider out there - totally awesome!
aghouseh replied on at Permalink Reply
aghouseh
Tales of jordanlev's c5 heroism will be told for generations.
tallacman replied on at Permalink Reply
tallacman
I'll second that!