Classes

Website comes with pre-defined classes. Use these classes to build new layouts. These classes will mainly be used on Elementor layouts.

Available classes:

white-bg
orange-bg
blue-bg
dark-blue-bg
light-blue-bg
green-bg
grey-bg
orange-text
blue-text
white-text
bold-text
center-text
body-font
check-list 

As seen on home page you can add block overlays on images:

Note: In order for it to work, it needs to be added on and image widgets's class input. You need to have 3 classes at all times (initiate class position class color class).

Eg: image-block-overlay image-block-top-right image-block-orange

image-block-overlay

image-block-top-left
image-block-top-right
image-block-bottom-left
image-block-bottom-right

image-block-orange
image-block-blue

To make use of these classes go to:

• Any Elementor section.
• Click "Advanced".
• Under "CSS Classes", add in the classes you want to make use of.
• Save.