The post Headers appeared first on Documentation.

The post Footers appeared first on Documentation.

The post Product Types appeared first on Documentation.

The post Blog Types appeared first on Documentation.

• Banner With Sidebar
• Boxed Banner
• Full Width Banner
• Horizontal Filter
• Off Canvas Sidebar
• Infinite Ajax Scroll
• Right Sidebar
• Both Sidebar

Wolmart also shows 8 different products grid mode in elements site.

• 3 Columns Mode
• 4 Columns Mode
• 5 Columns Mode
• 6 Columns Mode
• 7 Columns Mode
• 8 Columns Mode
• List Mode
• List Mode With Sidebar

The post Shop Layouts appeared first on Documentation.

• Default
• Vertical Thumbs
• Grid Images
• Masonry
• Gallery
• Sticky Info
• Sticky Thumbs
• Sticky Both

And the theme provides some addons for woocommerce and performance. Read more.

• Variable Product
• Featured & Sale
• Data In Accordion
• Data In Sections
• Image Swatch
• Extended Info
• Without Sidebar
• 360^o & Video

The post Product Layouts appeared first on Documentation.

Default Type. Please see demo.

Skeleton Screen While Loading Quickview.

Off-Canvas Quickview. Please see demo.

Animation Quickview. Please see demo.

The post Quickview Types appeared first on Documentation.

.w-auto { width: auto!important; }
.w-25 { width: 25%!important; }
.w-50 { width: 50%!important; }
.w-75 { width: 75%!important; }
.w-100 { width: 100%!important; }
.h-100 { height: 100%!important; }
.p-relative { position: relative!important; }
.p-absolute { position: absolute!important; }
.p-static { position: static!important; }

Display

.d-none { display: none!important; }
.d-block { display: block!important; }
.d-inline-block { display: inline-block!important; }
.d-flex { display: flex!important; }
.d-inline-flex { display: inline-flex!important; }
.justify-content-center { justify-content: center!important; }
.justify-content-start { justify-content: flex-start!important; }
.justify-content-end { justify-content: flex-end!important; }
.justify-content-between { justify-content: space-between!important; }
.align-items-start { align-items: flex-start!important; }
.align-items-center { align-items: center!important; }
.align-items-end { align-items: flex-end!important; }
.align-self-start { align-self: flex-start!important; }
.align-self-center { align-self: center!important; }
.align-self-end { align-self: flex-end!important; }
.flex-column { flex-direction: column!important; }
.flex-wrap { flex-wrap: wrap!important; }
.flex-1 { flex: 1!important; }
.overflow-hidden { overflow: hidden!important; }
.vertical-top { vertical-align: top!important; }
.vertical-middle { vertical-align: middle!important; }
.vertical-bottom { vertical-align: bottom!important; }
@media (min-width: 576px) {
    .d-sm-none { display:none!important; }
    .d-sm-block { display: block!important; }
    .d-sm-flex { display: flex!important; }
}
@media (min-width: 768px) {
    .w-md-50 { width:50%!important; }
    .float-md-left { float: left!important; }
    .float-md-right { float: right!important; }
    .d-md-none { display: none!important; }
    .d-md-block { display: block!important; }
    .d-md-flex { display: flex!important; }
}
@media (min-width: 992px) {
    .d-lg-none { display:none!important; }
    .d-lg-block { display: block!important; }
    .d-lg-flex { display: flex!important; }
}
@media (min-width: 1200px) {
    .d-xl-none { display:none!important; }
    .d-xl-block { display: block!important; }
    .d-xl-flex { display: flex!important; }
}
@media (max-width: 576px) {
    .d-none-sm-max { display:none!important; }
}
@media (min-width: 1200px) {
    .hide-on-xl { display:none!important; }
}
@media (max-width: 1199px) and (min-width:992px) {
    .hide-on-lg { display:none!important; }
}
@media (max-width: 991px) and (min-width:768px) {
    .hide-on-md { display:none!important; }
}
@media (max-width: 767px) and (min-width:576px) {
    .hide-on-sm { display:none!important; }
}
@media (max-width: 575px) {
    .hide-on-xs { display:none!important; }
}

Font Weight, Transform, Type, Align

.font-weight-bold { font-weight: 700!important; }
.font-weight-semi-bold { font-weight: 600!important; }
.font-weight-normal { font-weight: 400!important; }
.text-uppercase { text-transform: uppercase!important; }
.text-capitalize { text-transform: capitalize!important; }
.text-normal { text-transform: none!important; }
.font-italic { font-style: italic!important; }
.font-normal { font-stretch: normal!important; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

Text Color

.text-white { color: #fff!important; }
.text-light { color: var(--wolmart-light-color,var(--wolmart-light-color,#ccc))!important; }
.text-grey { color: #999!important; }
.text-body { color: var(--wolmart-body-color)!important; }
.text-primary { color: var(--wolmart-primary-color,#2879FE)!important; }
.text-secondary { color: var(--wolmart-secondary-color,#ff9742)!important; }
.text-success { color: #799b5a!important; }
.text-info { color: #369!important; }
.text-warning { color: #ffa800!important; }
.text-danger { color: #a94442!important; }
.text-dark { color: var(--wolmart-dark-color,#333)!important; }
.text-black { color: #000!important; }

Letter Spacing , Line Height

.ls-s { letter-spacing: -0.01em!important; }
.ls-m { letter-spacing: -0.025em!important; }
.ls-l { letter-spacing: -0.05em!important; }
.ls-normal { letter-spacing: 0!important; }
.lh-1 { line-height: 1!important; }

Background Color

.bg-white { background-color: #fff!important; }
.bg-dark { background-color: var(--wolmart-dark-color,#333)!important; }
.bg-grey { background-color: #999!important; }
.bg-light { background-color: var(--wolmart-light-color,var(--wolmart-light-color,#ccc))!important; }
.bg-black { background-color: #000!important; }
.bg-primary { background-color: var(--wolmart-primary-color,#2879FE)!important; }
.bg-secondary { background-color: var(--wolmart-secondary-color,#d26e4b)!important; }

Border

.border-no { border: none!important; }
.br-3 { border-radius: 3px!important; }
.br-5 { border-radius: 5px!important; }

The post Helper Classes appeared first on Documentation.

You can customize settings in Theme Settings > Advanced > White Label.

There are three options that you can customize.

• White Label: Theme Title displayed in admin-panel.
• White Icon: Theme Icon displayed in admin-bar and admin-main-menu.
• White Logo: Theme Logo displayed in Theme Dashboard page.

The post White Label Feature appeared first on Documentation.