Theme Settings

This component gives possibility to construct custom blocks with any widgets, components and elements inside, like this theme settings

Menu Type
Toggled left menu
Unfixed left menu
Fixed topbar
Menu color
Flyout menu
Login color
Content no max-width
App max-width
Gray background
Gray topbar
Squared card borders
Card shadow
Borderless cards
Menu shadow
Support Chat
You, 5 min ago
Hi! Anyone here? I want to know how I can buy Air UI?
You
Mary, 14 sec ago
Please call us + 100 295 000
Mary Stanform
Mary is typing...

Status Trialing

INV-00125

This month $251.12

Last month $12,256.12


Color Utilities


Class Description
.text-default Set Default color to element
.text-primary Set Primary color to element
.text-secondary Set Secondary color to element
.text-success Set Success color to element
.text-info Set Info color to element
.text-warning Set Warning color to element
.text-danger Set Danger color to element
.text-light Set Light color to element
.text-dark Set Black color to element

Display Property


Class Description
.d-inline Forces the element to behave like an inline element
.d-inline-block Forces the element to behave like an inline-block element
.d-block Forces the element to behave like a block element

Underlined Links


Class Description
.air__utils__link Blue Link
.air__utils__link__underlined Underlined Link

Font Weight & Style


Class Description
.font-weight-normal Normal text
.font-weight-bold Bold text
.font-italic Italic text

Text Transformation


Class Description
.text-lowercase Transform text to lowercase
.text-uppercase Transform text to uppercase
.text-capitalize Transform text to capitalize

Lowercased text

Uppercased text

Capitalized text

Text Wrapping


Class Description
.text-truncate Truncating and prevents text from wrapping into multiple lines
.text-break Breaks strings if their length exceeds the width of their container
.text-nowrap Prevents text from wrapping into multiple lines

This is text truncate. This is text truncate. This is text truncate. This is text truncate
This-is-text-break.This-is-text-break.This-is-text-break.This-is-text-break
This is text nowrap. This is text nowrap. This is text nowrap. This is text nowrap

Font Size


Class Description
.font-size-* Available values: 0, 10, 12, 14, 16, 18, 21, 24, 28, 30, 36, 40, 48, 50, 60, 70 , 80
.font-size-0 font-size: 0px
.font-size-10 font-size: 10px
.font-size-12 font-size: 12px
.font-size-14 font-size: 14px
.font-size-16 font-size: 16px
.font-size-18 font-size: 18px
.font-size-21 font-size: 21px

Text Alignment


Class Description
.text-left Left aligned text
.text-center Center aligned text
.text-right Right aligned text
.text-justify Justified text

Left aligned text

Center aligned text

Right aligned text

Justified text: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book