Custom CSS
page-template-default,page,page-id-37096,page-child,parent-pageid-28758,theme-bridge,bridge-core-2.9.4,the7-core-ver-,woocommerce-no-js,qodef-qi--no-touch,qi-addons-for-elementor-1.4.1,qode-page-transition-enabled,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-27.8,qode-theme-bridge,disabled_footer_top,qode_header_in_grid,wpb-js-composer js-comp-ver-6.7.0,vc_responsive,elementor-default,elementor-kit-7

Custom CSS

[vc_tour interval=”0″ title_size=”normal” style=”tab-style-three”]

Headings title
Custom CSS Class = accent-title-color

Headings subtitle
Custom CSS Class = accent-subtitle-color

Headings icon
Custom CSS Class = accent-icon-color

Headings separator (solid)
Custom CSS Class = accent-border-color

Info Box (icons background color)
Custom CSS Class = accent-icon-bg

Info box (title)
Custom CSS Class = accent-title-color

Info Box (subtitle)
Custom CSS Class = accent-subtitle-color

Just Icon (icon background color)
Custom CSS Class = accent-icon-bg

Just Icon (icons color)
Custom CSS Class =accent-icon-color

Advanced Carousel (arrows background color)
Custom CSS Class = accent-arrow-bg

Add custom class to reverse columns order on mobile device

Accent color:
Custom CSS Class=”paint-accent-color”

Secondary color:
Custom CSS Class=”color-secondary”

Title color:
Custom CSS Class=”color-title”

Highlight text:
[dt_code][dt_highlight color=”” text_color=”#ffffff” bg_color=”#3de374″]your text[/dt_highlight][/dt_code]

Paste “.masthead” in “Containers” field on Revolution Slider settings page.

Extra class name for VC row or column: 


Menu background
.dt-mega-menu-wrap {
-webkit-border-radius: 10px;
border-radius: 10px;

Hover backgrounds
.top-header .sub-nav.hover-style-bg li:not(.dt-mega-parent) > a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a .rippleAnimate,
.top-header .dt-mega-menu .sub-nav .dt-mega-parent .sub-nav a:hover {
-webkit-border-radius: 10px;
border-radius: 10px;

.sub-downwards .main-nav .sub-nav .sub-nav {
padding-left: 20px;
padding-right: 20px;

.page-template-template-microsite .top-bar {
display: none;

Single img – Extra class name = layzr-bg-off

Custom CSS settings :
.layzr-bg-off .layzr-bg {
background-color: transparent;

.project-navigation {
top: 30px;
right: 110px;

We work closely with you and carry out research to understand your needs and wishes.