Scroll Top

Custom CSS

[just_icon icon=”icomoon-pixeden-stroke-32×32-tools” icon_size=”80″ icon_color=”” icon_animation=”bounceIn” el_class=”accent-icon-color” css_just_icon=”.vc_custom_1479922983157{margin-bottom: 0px !important;padding-bottom: 15px !important;}”][ultimate_heading main_heading=”Custom CSS” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” main_heading_font_size=”desktop:50px;mobile_landscape:38px;mobile:30px;” main_heading_line_height=”desktop:60px;mobile_landscape:48px;mobile:40px;” sub_heading_font_size=”desktop:28px;mobile_landscape:22px;” sub_heading_line_height=”desktop:38px;mobile_landscape:32px;” sub_heading_margin=”margin-top:10px;”]Style Elements Easily![/ultimate_heading]

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

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: 

text-centered

Centering subtitles for first level

.main-nav > li > a .menu-item-text {
text-align: center;
}

Centering subtitles for sub levels

.sub-nav > li > a .subtitle-text {
text-align: center;
}

.main-nav > li > a .text-wrap,
.header-bar .main-nav > li > a,
.menu-box .main-nav > li > a {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}

.main-nav > .menu-item > a .fa {
padding-right: 0;
padding-bottom: 2px;
}

Menu background
.sub-nav,
.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;
}

[dt_code]

[dt_social_icons animation=”fadeInRight” alignment=”default / center”]

[dt_social_icon target_blank=”true” icon=”facebook” link=”” /]

[dt_social_icon target_blank=”true” icon=”twitter” link=”” /]

[dt_social_icon target_blank=”true” icon=”google” link=”” /]

[dt_social_icon target_blank=”true” icon=”dribbble” link=”” /]

[dt_social_icon target_blank=”true” icon=”YouTube” link=”” /]

[dt_social_icon target_blank=”true” icon=”rss” link=”” /]

[dt_social_icon target_blank=”true” icon=”delicious” link=”” /]

[dt_social_icon target_blank=”true” icon=”flickr” link=”” /]

[dt_social_icon target_blank=”true” icon=”forrst” link=”” /]

[dt_social_icon target_blank=”true” icon=”lastfm” link=”” /]

[dt_social_icon target_blank=”true” icon=”linkedin” link=”” /]

[dt_social_icon target_blank=”true” icon=”vimeo” link=”” /]

[dt_social_icon target_blank=”true” icon=”tumblr” link=”” /]

[dt_social_icon target_blank=”true” icon=”pinterest” link=”” /]

[dt_social_icon target_blank=”true” icon=”deviant” link=”” /]

[dt_social_icon target_blank=”true” icon=”skype” link=”” /]

[dt_social_icon target_blank=”true” icon=”github” link=”” /]

[dt_social_icon target_blank=”true” icon=”instagram” link=”” /]

[dt_social_icon target_blank=”true” icon=”stumbleupon” link=”” /]

[dt_social_icon target_blank=”true” icon=”behance” link=”” /]

[dt_social_icon target_blank=”true” icon=”mail” link=”” /]

[dt_social_icon target_blank=”true” icon=”vk” link=”” /]

[dt_social_icon target_blank=”true” icon=”website” link=”” /]

[dt_social_icon target_blank=”true” icon=”500px” link=”” /]

[dt_social_icon target_blank=”true” icon=”tripadvisor” link=”” /]

[dt_social_icon target_blank=”true” icon=”foursquare” link=”” /]

[dt_social_icon target_blank=”true” icon=”xing” link=”” /]

[dt_social_icon target_blank=”true” icon=”weibo” link=”” /]

[dt_social_icon target_blank=”true” icon=”odnoklassniki” link=”” /]

[dt_social_icon target_blank=”true” icon=”research-gate” link=”” /]

[dt_social_icon target_blank=”true” icon=”yelp” link=”” /]

[/dt_social_icons]

[/dt_code]

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.