- UlTIMATE ADDONS: using accent color
- Painting content
- REVOLUTION: include header in fullscreen slider
- Centering content in a row or column
- Menu: centering subtitles
- Menu: place icons above menu items
- Submenu background border radius
- Submenu 3+ levels left padding
- Hide top bar on the particular page
- Single Image - remove lazy loading background
- Photo Scroller nav. paddings
- Old social icons text shortcode
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]