[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]
UlTIMATE ADDONS: using accent color

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

Painting content

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]

REVOLUTION: include header in fullscreen slider

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

Centering content in a row or column

Extra class name for VC row or column: 

text-centered

Menu: centering subtitles

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;
}

Menu: place icons above menu items

.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;
}

Submenu background border radius

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;
}

Submenu 3+ levels left padding

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

Hide top bar on the particular page

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

Single Image - remove lazy loading background

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

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

Photo Scroller nav. paddings

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

Old social icons text shortcode

[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]

SCHREIB MIR

Mein Leben findet unterwegs statt. Aber dank Nachrichten per E-Mail lese ich dann, wenn ich es kann! Und antworte dir gern! Freue mich auf deine Nachricht! Gruß Ben

Not readable? Change text. captcha txt
0

Start typing and press Enter to search