Custom CSS Cheatsheet

.roundCorner

Adds a round corner to Image Blocks or Cover Blocks, copy this:

roundCorner

Example: Cover Block with .roundCorner class applied

Text here, text here, text here.

Example: Image Block with .roundCorner class applied

.noColMargin

Removes gutter (margin) from between columns, copy this:

noColMargin

Example: Column Block with .noColMargin class applied, has removed gutter space from between the images

.pushMe

Centralises a single column inside a column block, copy this:

pushMe

.smallPrint

Allows a very small text size, copy this:

smallPrint

Example: paragraph text with .smallPrint class applied

The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text. The is smallPrint text.

.zeroMarginBottom

Used to remove bottom margin, copy this:

zeroMarginBottom

.zeroMarginTop

Used to remove top margin, copy this:

zeroMarginTop

Example: first line has .zeroMarginBottom applied, second line has .zeroMarginTop applied which allows items to be placed closer to eachother

This is the first line of text

This is the second line of text

.colabOverflowQuarter

Turns WP Columns into an overflow slider, each column has approx 25% width, copy this:

colabOverflowQuarter

.colabOverflowHalf

Turns WP Columns into an overflow slider, each column has approx 50% width, copy this:

colabOverflowHalf