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.

.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