FOLLOW US ON: fb-firstclass.png twitter-firstclass.png youtube-firstclass.png 

Block Templates

First class includes 2 custom block templates:

Image Caption: FC Image Caption

Page List: FC Thumb Blog

Image Caption

This custom block template provides your image a sleek caption. You need to download first this free add-on Image Captions in the concrete5 marketplace to be able to enjoy the custom block template.

Violet Muscle Car

White Vintage Car

Page List

The "FC Thumb Blog" custom block template is designed for use with a blog-style page. Alternatively you could use it for a news-style page or anything else you wish. It will display an automatically resized image along with the page name (linked), published date and short description. This custom block template is designed to be responsive so it will adjust itself automatically on smaller browser screens.

The image is added using a custom page attribute. You can assign an image from your File Manager to a particular page via the Dashboard File Manager. Simply click a page and choose "Properties" followed by "Custom Attributes". Locate the attribute called "Page Thumbnail" and click it. This will add the attribute to the list on the right ready for you to use. Now click this attribute to pick an image from your File Manager. Easy!

Here's an example (the links don't actually go anywhere useful in this example):

Back to Styles...

  • Sample Blog Post

    Sample Blog Post

    Jul 15, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • Another Blog Post

    Another Blog Post

    Jul 16, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • This Isn't A Real Blog

    This Isn't A Real Blog

    Jul 18, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

How to apply a custom block template?

When you have your page in edit mode, click the block you wish to manipulate. From the pop-up list, choose "Custom Templates". This will display a list of available custom templates. Simply choose the appropriate one and click "Save". Done!