Custom CSS

Head­ings title
Cus­tom CSS Class = accent-title-color

Head­ings subtitle
Cus­tom CSS Class = accent-subtitle-color

Head­ings icon
Cus­tom CSS Class = accent-icon-color

Head­ings sep­a­ra­tor (sol­id)
Cus­tom CSS Class = accent-border-color

Info Box (icons back­ground color)
Cus­tom CSS Class = accent-icon-bg

Info box (title)
Cus­tom CSS Class = accent-title-color

Info Box (sub­ti­tle)
Cus­tom CSS Class = accent-subtitle-color

Just Icon (icon back­ground color)
Cus­tom CSS Class = accent-icon-bg

Just Icon (icons color)
Cus­tom CSS Class =accent-icon-col­or

Advanced Carousel (arrows back­ground color)
Cus­tom CSS Class = accent-arrow-bg

Add cus­tom class to reverse columns order on mobile device
hor-tablet-reverse-col
vert-tablet-reverse-col
phone-reverse-col

Accent col­or:
Cus­tom CSS Class=«paint-accent-color»

Sec­ondary color:
Cus­tom CSS Class=«color-secondary»

Title col­or:
Cus­tom CSS Class=«color-title»

High­light text:

Paste «.mast­head» in «Con­tain­ers» field on Rev­o­lu­tion Slid­er set­tings page.

Extra class name for VC row or column: 

text-cen­tered

Menu back­ground
.sub-nav,
.dt-mega-menu-wrap {
‑webkit-bor­der-radius: 10px;
bor­der-radius: 10px;
}

Hov­er backgrounds
.top-head­er .sub-nav.hover-style-bg li:not(.dt-mega-parent) > a,
.top-head­er .hov­er-style-click-bg li:not(.dt-mega-parent) > a,
.top-head­er .hov­er-style-click-bg li:not(.dt-mega-parent) > a .rip­pleAn­i­mate,
.top-head­er .dt-mega-menu .sub-nav .dt-mega-par­ent .sub-nav a:hover {
‑webkit-bor­der-radius: 10px;
bor­der-radius: 10px;
}

.sub-down­wards .main-nav .sub-nav .sub-nav {
padding-left: 20px;
padding-right: 20px;
}

.page-tem­plate-tem­plate-microsite .top-bar {
dis­play: none;
}

Sin­gle img — Extra class name = layzr-bg-off

Cus­tom CSS settings :
.layzr-bg-off .layzr-bg {
back­ground-col­or: transparent;
}

.project-nav­i­ga­tion {
top: 30px;
right: 110px;
}