Add Classes

Example 1: Flip sections

Every other item in the list will get our 'flipSection' styles. This will create a left/right flip section layout where content and image flip direction on every other Collection Item.

See Finsweet
Walkthrough

What we will cover

  • The structure of our CMS Collection List

  • Establishing all of the add-on classes on a static structure

  • Setting up our array (list) to hold all of the class pairings. In this How To our add-on classes create Left/right Flip Sections

  • The .addclasses() component to add unique classes inside the Collection List

  • An explanation of start and frequency

2019
Project 1

Branding, Web Design

2020
Project 2

Branding

2017
Project 3

Web Design

2018
Project 4

Development

2018
Project 5

Development

2018
Project 6

Motion Graphics

2019
This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

2019
This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

2019
This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

2019
This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

Clone me!

You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.

You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.