-
AuthorSearch Results
-
November 24, 2016 at 5:25 am #716246
In reply to: Shortcode for demo contact form
Hey Jasmer,
1.
[av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/luxurious-bedroom-m.jpg' attachment='309' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='50px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='rgba(255,255,255,0.6)' src='' attachment='' attachment_size='' background_position='center center' background_repeat='stretch' animation='bottom-to-top'] [av_contact (Email address hidden if logged out) ' title='' button='Send request' on_send='' sent='Your message has been sent! Thanks a lot for contacting us, we will reply as fast as humanly possible. Thats usually within 2 workdays :)' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color=''] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='Subject' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='Date of arrival' type='datepicker' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Date of departure' type='datepicker' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Guests' type='select' options='1,2,3,4,5,6,7,8,9,10,11,12' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Rooms' type='select' options='1,2,3,4,5,6,7,8,9,10,11,12' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Additional Information' type='textarea' options='' check='is_empty' width=''][/av_contact_field] [/av_contact] [av_hr class='invisible' height='60' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [/av_one_full] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/ornament-bg-top-small-1.png' attachment='435' attachment_size='full' attach='scroll' position='top center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='-200px,0px' padding='30px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_position='top center' background_repeat='no-repeat' animation=''] [av_heading tag='h1' padding='20' heading='Contact - Not sure which rooms to book? Get in touch!' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_full][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#f8f8f8' custom_margin_top='0px' custom_margin_bottom='70px' icon_select='yes' custom_icon_color='#e5c80c' icon='ue8ce' font='entypo-fontello'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_textblock size='' font_color='' color=''] Black River Street 1, Williamsville Mauritius (Email address hidden if logged out) +555 283 784 333 [/av_textblock] [/av_one_half] [/av_section] [av_google_map height='550px' zoom='13' saturation='-100' hue='' zoom_control='aviaTBzoom_control'] [av_gmap_location address='Black River' city='' country='Mauritius' long='57.36518980000005' lat='-20.34756' marker='538' imagesize='40' tooltip_display=''][/av_gmap_location] [/av_google_map] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/ornament-bg-top-small-1.png' attachment='435' attachment_size='full' attach='scroll' position='top center' repeat='contain' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_heading heading='Aenean commodo ligula eget dolor. Aeatoque penatibus. ' tag='h3' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='0' color='' custom_font=''][/av_heading] [av_textblock size='' font_color='' color=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_image src='https://test.kriesi.at/hotel/wp-content/uploads/sites/14/2015/07/slider1-845x630.jpg' attachment='288' attachment_size='gallery' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image] [/av_one_half][/av_section]2. You need to activate debug mode to be able to paste the shortcode to a new page: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
3. Well I guess that is what we are doing now :-)
Best regards,
RikardNovember 21, 2016 at 7:43 pm #714947In reply to: Linked icon sonar colour
Hey Jambo,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your icon element and give it a custom CSS class (“custom-icons” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
.custom-icons a.av-icon-char:hover:after { -webkit-animation: sonarEffectNew 1s ease-out !important; -moz-animation: sonarEffectNew 1s ease-out !important; animation: sonarEffectNew 1s ease-out !important; } @-webkit-keyframes sonarEffectNew { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);} 100% {box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);-webkit-transform: scale(1.5);opacity: 0;} } @-moz-keyframes sonarEffectNew { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);} 100% {box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);-moz-transform: scale(1.5);opacity: 0;} } @keyframes sonarEffectNew { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);} 100% {box-shadow: 0 0 0 2px rgba(87,81,73,0.1), 0 0 10px 10px #575149, 0 0 0 10px rgba(87,81,73,0.5);transform: scale(1.5);opacity: 0;} }Best regards,
YigitNovember 20, 2016 at 10:09 am #714449In reply to: Don't know how to add javascript to website :/
Sure!
I already own this plugin.
All the info is here: https://livicons.com/examples#cbp=ajax/step-boxes-02.html?rev=031
But I have added the code for the html, css, and js below.
HTML: <!– Step box 02 –>
<div class=”container”>
<div class=”row”>
<div class=”step-box-02 step1 col-sm-4 col-xs-12″>
<h4 class=”text-center text-uppercase”>Research & Planning</h4>
<div class=”line”>
<div class=”morph-icon”>
<div class=”livicon-evo” data-options=”
name: morph-square2-triangle2.svg;
style: solid;
solidColor: #0097A7;
size: 100%;
strokeWidth: 0;
colorsOnHover: darker;
morphState: end;
eventOn: .step-box-02.step1;
duration: 0.2
“></div>
</div>
<div class=”straight-icon”>
<div class=”livicon-evo” data-options=”
name: lab.svg;
style: solid;
size: 100%;
solidColor: #fff;
solidColorBg: #0097A7;
eventOn: .step-box-02.step1;
delay: 0.25
“></div>
</div>
</div>
<p class=”text-center”>Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English.</p>
</div>
<div class=”step-box-02 step2 col-sm-4 col-xs-12″>
<h4 class=”text-center text-uppercase”>Design & Develop</h4>
<div class=”line”>
<div class=”morph-icon”>
<div class=”livicon-evo” data-options=”
name: morph-square2-triangle2.svg;
style: solid;
solidColor: #0097A7;
size: 100%;
strokeWidth: 0;
colorsOnHover: darker;
morphState: end;
eventOn: .step-box-02.step2;
duration: 0.2
“></div>
</div>
<div class=”straight-icon”>
<div class=”livicon-evo” data-options=”
name: pencil.svg;
style: solid;
size: 100%;
solidColor: #fff;
solidColorBg: #0097A7;
eventOn: .step-box-02.step2;
delay: 0.25
“></div>
</div>
</div>
<p class=”text-center”>Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English.</p>
</div>
<div class=”step-box-02 step3 col-sm-4 col-xs-12″>
<h4 class=”text-center text-uppercase”>Test & Deliver</h4>
<div class=”line”>
<div class=”morph-icon”>
<div class=”livicon-evo” data-options=”
name: morph-square2-triangle2.svg;
style: solid;
solidColor: #0097A7;
size: 100%;
strokeWidth: 0;
colorsOnHover: darker;
morphState: end;
eventOn: .step-box-02.step3;
duration: 0.2
“></div>
</div>
<div class=”straight-icon”>
<div class=”livicon-evo” data-options=”
name: rocket.svg;
style: solid;
size: 100%;
rotate: 45;
solidColor: #fff;
solidColorBg: #0097A7;
eventOn: .step-box-02.step3;
delay: 0.25
“></div>
</div>
</div>
<p class=”text-center”>Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English.</p>
</div>
</div>
</div>CSS:
/************ Step box 02 ************/
.step-box-02 {
padding: 0!important;
}
.step-box-02 h4 {
color: #263238;
font-size: 16px;
}
.step-box-02 p {
padding: 0 15px 0!important;
color: #78909C;
}
.step-box-02.step1:first-child .line {
background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(40%, #B2DFDB));
background: -webkit-linear-gradient(left, transparent 0%, #B2DFDB 40%);
background: linear-gradient(to right, transparent 0%, #B2DFDB 40%);
}
.step-box-02.step3:last-child .line {
background: -webkit-gradient(linear, left top, right top, color-stop(60%,#B2DFDB), color-stop(100%,transparent));
background: -webkit-linear-gradient(left, #B2DFDB 60%, transparent 100%);
background: linear-gradient(to right, #B2DFDB 60%,transparent 100%);
}
.step-box-02 .line {
position: relative;
height: 1px;
width: 100%;
margin-left: -10px;
background: #B2DFDB;
margin: 55px 0;
}
.step-box-02 .morph-icon {
width: 30px;
height: 30px;
position: absolute;
top: -15px;
left: 50%;
margin-left: -15px;
}
.step-box-02 .straight-icon {
width: 0px;
height: 0px;
position: absolute;
top: 0px;
left: 50%;
margin-left: 0px;
}
@media (max-width: 767px) {
.step-box-02 {
margin-top: 60px;
}
}JAVASCRIPT:
//Step Box 02 additional animations
$(document).ready(function () {
$(‘.step-box-02′).hover(
function() {
TweenLite.to($(this).find(“.morph-icon”), 0.15, {width:’90px’, height:’90px’, top: ‘-45px’, marginLeft: ‘-45px’, ease: Power0.easeNone});
TweenLite.to($(this).find(“.straight-icon”), 0.15, {width:’30px’, height:’30px’, top: ‘-15px’, marginLeft: ‘-15px’, ease: Power0.easeNone});
},
function() {
TweenLite.to($(this).find(“.morph-icon”), 0.15, {width:’30px’, height:’30px’, top: ‘-15px’, marginLeft: ‘-15px’, ease: Power0.easeNone});
TweenLite.to($(this).find(“.straight-icon”), 0.15, {width:’0px’, height:’0px’, top: ‘0px’, marginLeft: ‘0px’, ease: Power0.easeNone});
}
);
});November 10, 2016 at 8:30 am #710572Hi Elena,
I checked the code you used and I replaced it with this one:
add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 5); function ava_woocommerce_before_main_content() { if(!is_tax('product_cat')) return; $resources = "<link rel='stylesheet' id='layerslider-css' href='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.2' type='text/css' media='all' /> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.2'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.6.2'></script>"; $script = "<script data-cfasync=\"false\" type=\"text/javascript\">var lsjQuery = jQuery;</script><script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', globalBGColor: 'rgba(255, 255, 255, 0.45)', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.saldaturacontrollo.it/wp/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . $script; echo $output; echo do_shortcode("[ av_layerslider id='6']"); ?> <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-section av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; "> <div class="container"> <div class="template-page content av-content-small units"> <div class="post-entry post-entry-type-page post-entry-417"> <div class="entry-content-wrapper clearfix"> <?php echo do_shortcode("[ av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]"); ?> </div> </div> </div> </div> </div> <?php }Color Section shortcode causes it to break, so I created the
<div>s, as for the layerslider, it doesn’t seem to work, I even fixed the script code and changed localhost which causes 404 error, for the layerslider part, can you use image instead? as I really tried to make the layerslider work but unfortunately I already spent a lot of time. Hope this helps :)Best regards,
NikkoNovember 10, 2016 at 7:45 am #710560Hey!
We added a “dirty” solution in the functions.php file:
add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content'); function ava_woocommerce_before_main_content() { if(!is_tax('product_cat')) return; $resources = '<link rel="stylesheet" id="layerslider-css" href="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.8" type="text/css" media="all"> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8"></script> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.transitions.js"></script> <script type="text/javascript" src="http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.8"></script>'; $script = "<script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, firstSlide: 'random', twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.vincenzaboutique.it/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . '<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap sidebar_left" style="height: auto;">'.$script.'<div class="ls-wp-fullwidth-container" style="height: 282px;"><div class="ls-wp-fullwidth-helper" style="width: 919px; height: 282px; left: 0px;"><div id="layerslider_6" class="ls-wp-container ls-container ls-fullwidth" style="width: 919px; height: 282.149px; margin: 0px auto; visibility: visible;"><div class="ls-inner" style="background-color: transparent; width: 919px; height: 282px;"><div class="ls-slide ls-slide-1" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-wishlist.jpg" class="ls-bg" alt="slider-vincenza-boutique-wishlist"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-2" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-shop.jpg" class="ls-bg" alt="slider-vincenza-boutique-shop"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-3" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-3.jpg" class="ls-bg" alt="slider-vincenza-boutique-3"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-4" data-ls=" transition2d: all;" style="width: 919px; height: 282px; left: 0px; right: auto; top: 0px; bottom: auto;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-4.jpg" class="ls-bg" alt="slider-vincenza-boutique-4"><div class="ls-gpuhack"></div></div><div class="ls-slide ls-slide-5 ls-active" data-ls=" transition2d: all;" style="width: 919px; height: 282px; visibility: visible; display: none; left: auto; right: 0px; top: 0px; bottom: auto;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-5.jpg" class="ls-bg ls-preloaded" alt="slider-vincenza-boutique-5" style="padding: 0px; border-width: 0px; width: 806.14px; height: 174.932px; margin-left: 56.4298px; margin-top: 53.5338px;"><div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div></div><div class="ls-slide ls-slide-6" data-ls=" transition2d: all;" style="width: 919px; height: 282px;"><img src="http://www.vincenzaboutique.it/wp-content/uploads/2016/11/slider-vincenza-boutique-6.jpg" class="ls-bg" alt="slider-vincenza-boutique-6"><div class="ls-gpuhack"></div></div></div><div class="ls-loading-container" style="z-index: -1; display: none;"><div class="ls-loading-indicator"></div></div><div class="ls-shadow"></div></div></div></div></div>'; echo $output; $columns = do_shortcode("[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon] [/av_one_fifth]"); echo '<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-builder-el-1 el_after_av_layerslider el_before_av_productgrid av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; "><div class="container"><div class="template-page content av-content-small units"><div class="post-entry post-entry-type-page post-entry-16"><div class="entry-content-wrapper clearfix">'.$columns.'</div><!-- close content main div --></div></div></div></div>'; }// http://www.vincenzaboutique.it/categoria-prodotto/abbigliamento/collezione/
Cheers!
IsmaelOctober 27, 2016 at 10:26 pm #705055In reply to: Blog Styling
Hi Yigit,
Thank you for getting back to me so quickly :-)
Here is the link to my first & second question: http://www.framework.shephardengineering.co.uk/news
If you hover over the posts image you get a a round arrow icon but id like to change that to the zoom animation if possible.
Many thanks
October 25, 2016 at 9:47 pm #703993Topic: different hover state, depending on browser/button resolution
in forum Enfoldmacieksajan
Participantbecause they did not get a response in a previous thread, I assume the new
I have two problems related to each other, abaut buttons
(the contents of the button is a bitmap),
according to the responsiveness, it should work similar in every resolution web browser?
the first problem is:
depending on the size of the button, when you hover the mouse over the button, arrow icon appears on a gray background, or does not appear – at big button the arrow is present, on the small it does not appearthe second problem concerns the animation settings of the button, the animation of magnification when you hover the mouse causes the brighter overlay on the image does not match the size of the image underneath,
with no rules, it looks differently even the next time you hover the mouse on the same button, on the same page, in the same size / resolution of your browser,
this not look good, in my opinion it should always cover the whole bitmap button, not leaving some random edges protruding from the overlayed bitmap with transparency,
the client does not like it, I’ll have to convince him to give up the animation – the zoom button
============================================
I hope to get an answer about the first problem,
I understand that the second issue is complicated and I do not expect solutions now
September 14, 2016 at 6:36 am #686152In reply to: How to replicate video header in "Startup" Demo?
Hi Monica,
Sure thing, he it is:
[av_section min_height='100' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='https://www.youtube.com/watch?v=Wq-DEL2ONGg' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#4ecac2' overlay_pattern='' overlay_custom_pattern=''] [av_three_fourth first] [av_headline_rotator before_rotating='EVERYTHING UNDER ONE ROOF! WE OFFER GREAT ' after_rotating='' multiline='aviaTBmultiline' interval='3' animation='' tag='h2' size='63' align='left' custom_title='#ffffff'] [av_rotator_item title='MARKETING' link='' linktarget='' custom_title='#315e5b'] [av_rotator_item title='USER EXPERIENCE' link='' linktarget='' custom_title='#315e5b'] [av_rotator_item title='CUSTOMER SUPPORT' link='' linktarget='' custom_title='#315e5b'] [av_rotator_item title='DESIGN SKILLS' link='' linktarget='' custom_title='#315e5b'] [/av_headline_rotator] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [/av_three_fourth][av_one_fourth] [av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_font_icon icon='ue897' font='entypo-fontello' style='border' caption='' link='manually,https://vimeo.com/64927358' linktarget='' size='40px' position='center' color='#ffffff'] Watch our Promo Video [/av_font_icon] [/av_one_fourth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading tag='h1' padding='10' heading='We create <strong>high quality products</strong> that are used and loved by thousands of customers' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first] [av_textblock size='' font_color='' color=''] <h3>Lorem ipsum dolor sit amet</h3> Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <a href="#">Learn more...</a> [/av_textblock] [/av_one_third][av_one_third] [av_textblock size='' font_color='' color=''] <h3>Lorem ipsum dolor sit amet</h3> Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <a href="#">Learn more...</a> [/av_textblock] [/av_one_third][av_one_third] [av_textblock size='' font_color='' color=''] <h3>Lorem ipsum dolor sit amet</h3> Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <a href="#">Learn more...</a> [/av_textblock] [/av_one_third] [/av_section] [av_image_hotspot src='http://kriesi.at/themes/enfold-startup/files/2015/02/desat-gb_macbook.jpg' attachment='466' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-right' tooltip_width='av-tt-large-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='35.9,31.2'] First of all select the "<strong>Enfold</strong>" option from your admin menu [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-top' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='58.6,35.4'] Open the demo import tab [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-centered' tooltip_width='av-tt-large-width' tooltip_style='main_color av-tooltip-shadow' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='65.1,52.6'] Select the demo you like and click the <strong>import</strong> button [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-bottom' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='32.2,68'] Save the page once you are done [/av_image_spot] [/av_image_hotspot] [av_button_big label='Learn more' description_pos='below' link='manually,http://' link_target='' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='theme-color' custom_bg='#444444' color_hover='custom' custom_bg_hover='#444444'][/av_button_big] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_heading heading='What our customers say about us' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_testimonials style='slider_large' columns='2' interval='5' font_color='' custom_title='' custom_content='#bcbcbc'] [av_testimonial_single src='468' name='Markus Meyer' subtitle='CEO' link='#' linktext='Floorfilla Media'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_testimonial_single] [av_testimonial_single src='472' name='Susan Charice' subtitle='CTO' link='#' linktext='Mambajuice'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_testimonial_single] [/av_testimonials] [/av_section][av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#f8f8f8' src='http://kriesi.at/themes/enfold-startup/files/2015/02/hipster-working.jpg' attachment='473' attachment_size='full' attach='parallax' position='center right' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] [av_three_fifth first] [/av_three_fifth][av_two_fifth] [av_heading heading='Who are we? What do we do?' tag='h1' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <a href="#">Learn more...</a> [/av_textblock] [/av_two_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading heading='Developed with the <strong>best partners</strong> you can think of' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_partner columns='5' heading='' size='no scaling' border='av-border-deactivate' type='slider' animation='slide' navigation='no' autoplay='true' interval='5'] [av_partner_logo id='474'][/av_partner_logo] [av_partner_logo id='475'][/av_partner_logo] [av_partner_logo id='476'][/av_partner_logo] [av_partner_logo id='477'][/av_partner_logo] [av_partner_logo id='478'][/av_partner_logo] [av_partner_logo id='479'][/av_partner_logo] [av_partner_logo id='480'][/av_partner_logo] [av_partner_logo id='481'][/av_partner_logo] [av_partner_logo id='482'][/av_partner_logo] [av_partner_logo id='483'][/av_partner_logo] [/av_partner] [/av_section] [av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-startup/files/2015/02/desat-laptop.jpg' attachment='484' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading tag='h1' padding='10' heading='Want to know when we got news on our latest product? <strong>Sign up for our newsletter now!</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_one_third first] [/av_one_third][av_one_third] [av_contact email=' (Email address hidden if logged out) ' title='' button='Sign Up' on_send='redirect' sent='Your message has been sent!' link='page,18' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color=''] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_three_fourth' multi_select=''][/av_contact_field] [/av_contact] [/av_one_third][av_one_third] [/av_one_third] [/av_section]Regards,
RikardAugust 25, 2016 at 7:10 am #677367In reply to: Content Slider Example
Hi webdesign,
If you enable debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ you will be able to see shortcodes. Please paste the following shortcode to a new page, you can then see exactly how the elements are set up:
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] The new beautiful spring collection, created by star designer Konrad Kries is now available. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Those are the styles that you need for the next season. Make sure to grab your early bird coupon! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Want to get notified once the new winter collection by Georgio Adriani is released? [/av_fullscreen_slide] [/av_fullscreen] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5'] [/av_section] [av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id=''] [av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no'] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9'] Hairdo by Roger Ramoni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53'] Glasses by Victor Secreni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4'] Nail polish by Sandra Sounders [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3'] "Red Velvet" Dress by Varia Vereni [/av_image_spot] [/av_image_hotspot] [/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_icon_box] [/av_one_half][av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus. [/av_icon_box] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section]Regards,
RikardAugust 23, 2016 at 7:29 pm #676620In reply to: Circular Icons (as on kriesi.at homepage)
and this is for rotating icons on hovering :
.circle .av_font_icon:hover .av-icon-char { animation-name: iconrotate; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 2; animation-play-state: running; animation-direction: alternate; /* Firefox: */ -moz-animation-name: iconrotate; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 2; -moz-animation-play-state: running; -moz-animation-direction: alternate; /* Safari and Chrome: */ -webkit-animation-name: iconrotate; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 2; -webkit-animation-play-state: running; -webkit-animation-direction: alternate; -webkit-backface-visibility: visible } @keyframes iconrotate { from {transform:rotateY(0deg);} to {transform:rotateY(180deg);} } @-moz-keyframes iconrotate /* Firefox */ { from {-moz-transform:rotateY(0deg);} to {-moz-transform:rotateY(180deg);} } @-webkit-keyframes iconrotate /* Safari and Chrome */ { from {-webkit-transform:rotateY(0deg);} to {-webkit-transform:rotateY(180deg);} }you can take every transform – here it is a rotation on Y-Achsis
August 23, 2016 at 7:02 pm #676612In reply to: Circular Icons (as on kriesi.at homepage)
the circle itself is not so tricky but animation and hover states are a bit more complicated.
What i have done is a container with code-block in it
in this codeblock i place the following code for the first 5 icon circel:
The container where code-block is in gets the class “circle “ but you can take ever other class name you want[av_font_icon icon='uf1fd' font='fontawesome' style='border' caption='Tradition' link='manually,#' linktarget='' size='60px' position='center' color='' custom_class='circle1-5'][/av_font_icon] [av_font_icon icon='uf0c0' font='fontawesome' style='border' caption='Leadership' link='manually,#' linktarget='' size='60px' position='center' color='' custom_class='circle2-5'][/av_font_icon] [av_font_icon icon='uf085' font='fontawesome' style='border' caption='Workflow' link='manually,#' linktarget='' size='60px' position='center' color='' custom_class='circle3-5'][/av_font_icon] [av_font_icon icon='uf0e8' font='fontawesome' style='border' caption='Organigramm' link='manually,#' linktarget='' size='60px' position='center' color='' custom_class='circle4-5'][/av_font_icon] [av_font_icon icon='uf085' font='fontawesome' style='border' caption='Workflow' link='manually,#' linktarget='' size='60px' position='center' color='' custom_class='circle5-5'][/av_font_icon] <div class="circlecaption"> <span class="circle1-5"> <strong>Tradition</strong> - kann für Ihre Firma bedeutend sein </span> <span class="circle2-5"> <strong>Leadership</strong> - überall da wo es dem Wohle der Firma dient </span> <span class="circle3-5"> <strong>Workflow</strong> - immer im Auge behalten </span> <span class="circle4-5"> <strong>Organisation</strong> - hält die Firma zusammen </span> <span class="circle5-5"> <strong>Cashflow</strong> - ganz wichtig für den Schlaf </span> <img class="circlelogo" src="http://webers-testseite.de/ikom/wp-content/uploads/WordpressWebdesign2.png" alt="WordpressWebdesign" /> </div>that was the starting point.
Than there is primary a bit of math knowledge and a lot of positioning because here it is important that relative and absolute positioning is the trick.August 18, 2016 at 4:19 pm #674221as you see you only need a class or an id for that rotating trick!
if you want f.e. that the icons in an icon-box (big icon at top) rotate once on hovering give the iconbox a class ( in my case: rotating_icon)
(if you want that every iconbox react like this forget about custom css and make it for .iconbox_icon:hover )
.rotating_icon .iconbox_icon:hover{ animation-name: iconrotate; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-play-state: running; /* Firefox: */ -moz-animation-name: iconrotate; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: iconrotate; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-play-state: running; -webkit-backface-visibility: visible } @keyframes iconrotate { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } @-moz-keyframes iconrotate /* Firefox */ { from {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(360deg);} } @-webkit-keyframes iconrotate /* Safari and Chrome */ { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} }-
This reply was modified 9 years, 4 months ago by
Guenni007.
July 21, 2016 at 4:56 pm #663465In reply to: Fontello Fonts for Socials
Hello,
Anybody can help me for this issue? “#662650” (animation hover for fontello social icons)
what information should I provide?
should I add a CSS code somewhere?Thanks,
HamidJuly 19, 2016 at 5:58 pm #662650In reply to: Fontello Fonts for Socials
Hi,
I am trying to add a fontello icon to my social icons, I put the code in functions.php file of your child theme and now the icon is added. but the animation of hover is not working. (same as the preset logos like facebook and …). How can I add those animations?
You can see the telegram social at the top beside SoundCloud logo.Thanks,
HamidJuly 8, 2016 at 3:43 pm #658483In reply to: Enfold demo import question
Hi Yigit,
Sorry to bug you, but I am confused what I need to paste in that debug section. Do I paste this from the raw paste data into the debug section of the page I want it to appear on?
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
The new beautiful spring collection, created by star designer Konrad Kries is now available.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Those are the styles that you need for the next season. Make sure to grab your early bird coupon!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='']
Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything!
All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Want to get notified once the new winter collection by Georgio Adriani is released?
[/av_fullscreen_slide]
[/av_fullscreen][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'][av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
NEW
WINTER COLLECTION
[/av_image][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
LATEST
STREET CLOTHES
[/av_image][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FRESH
SPORTSWEAR
[/av_image][/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
[av_image src='https://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FUNKY
ACCECCOIRS
[/av_image][/av_cell_one_fourth]
[/av_layout_row][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading][av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5']
[/av_section][av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'][av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]
[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock][av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no']
[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
[av_image_hotspot src='https://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9']
Hairdo by Roger Ramoni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53']
Glasses by Victor Secreni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4']
Nail polish by Sandra Sounders
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3']
“Red Velvet” Dress by Varia Vereni
[/av_image_spot]
[/av_image_hotspot][/av_cell_one_half]
[/av_layout_row][av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_one_half first][av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_icon_box][/av_one_half][av_one_half]
[av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_icon_box][/av_one_half][av_one_half first]
[av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_icon_box][/av_one_half][av_one_half]
[av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus.
[/av_icon_box][/av_one_half]
[/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern='']
[av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]
[av_one_fifth first]
[/av_one_fifth][av_three_fifth]
[av_contact (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field]
[/av_contact][/av_three_fifth][av_one_fifth]
[/av_one_fifth][/av_section]
July 6, 2016 at 3:58 am #657317In reply to: Enfold Showcase
Hi
Here’s one I made with the Church sub theme: http://www.calbr.org/
This one is from the One Page Portfolio: http://marthamhall.com/I thought the sub themes were just arrangements of standard elements with fonts and colors to create a certain mood. But now I think the elements behave a little differently. In Church I can’t get the icons to have the radiating circle animation on hover. Also I wouldn’t know how to make the 2nd color section on the page overlap the first color section as on almost all my pages. Am I right? Also in church are you giving Event Calendar some styling to go with theme? I don’t recall it looking so nice before.
Thanks, Rob
July 1, 2016 at 7:52 am #655555In reply to: Enfold – Resume
Hi Zrated09,
If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/. You can then paste the following shortcode in a new page:
[av_layout_row border='' min_height='0' color='main_color' mobile='av-fixed-cells' id=''] [av_cell_one_third vertical_align='top' padding='3px,0px,0px,0px' background_color='#a0cdd2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='3px,0px,0px,0px' background_color='#88aeb3' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='3px,0px,0px,0px' background_color='#697e81' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [/av_cell_one_third] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' padding='0px,20px,0px,0px' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation=''] [av_image src='http://kriesi.at/themes/enfold-resume/files/2016/02/logo-profile-1.jpg' attachment='116' attachment_size='full' align='left' styling='circle' hover='' link='lightbox' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px,20px,0px,0px' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation=''] [av_heading tag='h3' padding='0' heading='James T. Enfold' color='' style='blockquote modern-quote' custom_font='' size='40' subheading_active='subheading_below' subheading_size='18' custom_class=''] iOS & Android Developer [/av_heading] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_textblock size='13' font_color='' color=''] Email: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a> Phone: <a href="tel:(555) 4167890">(555) 4167890</a> Web: <a href="http://kriesi.at">kriesi.at</a> [/av_textblock] [/av_one_fifth][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-32' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Introduction' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_two_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_textblock size='' font_color='' color=''] Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, <strong>enim</strong>. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [av_image src='http://test.kriesi.at/enfold-cv/wp-content/uploads/sites/15/2016/02/signature-1.png' attachment='77' attachment_size='full' align='left' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image] [/av_two_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-32' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Professional Profile' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_textblock size='' font_color='' color=''] Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_textblock size='' font_color='' color=''] Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, <strong>enim</strong>. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_one_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_heading tag='h1' padding='0' heading='Recent Work' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_two_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_masonry_gallery ids='89,90,91,92' items='8' columns='2' paginate='none' size='fixed' gap='large' overlay_fx='active' caption_elements='none' caption_display='always' container_links='active' id=''] [/av_two_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-28' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Recent Jobs' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_two_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_heading tag='h1' padding='0' heading='Senior iOS Developer' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class=''] 2015 - now [/av_heading] [av_textblock size='' font_color='' color=''] Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullaollis pretium. <ul> <li>Integer tincidunt. Cras dapibus.</li> <li>Vivamus elementum semper nisi.</li> <li>Aenean vulputate eleifend tellus.</li> </ul> [/av_textblock] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='10px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue8bf' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Junior iOS Developer' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class=''] 2012 - 2015 [/av_heading] [av_textblock size='' font_color='' color=''] Aenean vulputate eleifend tellus. Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, ju. <ul> <li>Nullaollis pretium.</li> <li>Vivamus elementum semper nisi.</li> </ul> [/av_textblock] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='10px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue8bf' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading=' iOS Trainee' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class=''] 2008 - 2012 [/av_heading] [av_textblock size='' font_color='' color=''] Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullaollis pretium. <ul> <li>Integer tincidunt. Cras dapibus.</li> <li>Vivamus elementum semper nisi.</li> <li>Aenean vulputate eleifend tellus.</li> </ul> [/av_textblock] [/av_two_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-32' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Skills' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_two_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur</strong> ridiculus mus. [/av_textblock] [av_progress bar_styling='av-striped-bar' bar_animation='av-animated-bar'] [av_progress_bar title='iOS Development' progress='90' color='theme-color' icon_select='no' icon='43' font='entypo-fontello'] [av_progress_bar title='Android Development' progress='80' color='theme-color' icon_select='no' icon='ue800' font='entypo-fontello'] [av_progress_bar title='HTML & CSS' progress='70' color='theme-color' icon_select='no' icon='ue800' font='entypo-fontello'] [av_progress_bar title='Javascript' progress='70' color='theme-color' icon_select='no' icon='ue800' font='entypo-fontello'] [av_progress_bar title='PHP' progress='60' color='theme-color' icon_select='no' icon='ue800' font='entypo-fontello'] [/av_progress] [/av_two_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-28' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Education' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_two_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='fade-in'] [av_heading tag='h1' padding='0' heading='Some Ivy League College' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class=''] 2004 - 2008 [/av_heading] [av_textblock size='' font_color='' color=''] Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullaollis pretium. [/av_textblock] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='10px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue8bf' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Some funky Highschool in Jersey' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class=''] 2000 - 2004 [/av_heading] [av_textblock size='' font_color='' color=''] Aenean vulputate eleifend tellus. Donec pede justo, <strong>fringilla</strong> vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, ju. [/av_textblock] [/av_two_third][av_hr class='big' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_hr class='invisible' height='-28' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_heading tag='h1' padding='0' heading='Social Media' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_one_third][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_font_icon icon='ue8f3' font='entypo-fontello' style='border' caption='' link='manually,#' linktarget='' size='40px' position='center' color=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_font_icon icon='ue8f1' font='entypo-fontello' style='border' caption='' link='manually,#' linktarget='' size='40px' position='center' color=''][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_font_icon icon='ue8fc' font='entypo-fontello' style='border' caption='' link='manually,#' linktarget='' size='40px' position='center' color=''][/av_font_icon] [/av_one_fifth][/av_section][av_google_map height='400px' zoom='16' saturation='-50' hue='#a0cdd2' zoom_control='aviaTBzoom_control'] [av_gmap_location address='5th Avenue' city='' country='New York' long='-73.96537339999998' lat='40.7747314' marker='112' imagesize='40' tooltip_display=''][/av_gmap_location] [/av_google_map]Best regards,
RikardJune 30, 2016 at 6:31 am #655103Topic: CSS in footer (and others) not working
in forum Enfoldclairemartindigital
ParticipantHi guys,
so it seems like that something part of the below css:
/*Scroll-Down-Icon – Start*/
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
top: 92%;
text-align: center;
}.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 24px;
height: 34px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid white;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 4px;
height: 8px;
margin: -4px 0 0 -2px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;/*Scroll-Down-Icon – End*/
is causing an issue with the below css for the footer background colour:
/*Footer – Start*/
#footer .flex_column.av_one_third {
background: #f4f4f4 !important;
}#footer .flex_column.av_one_third:nth-child(2) {
background: #f9f9f9 !important;
}#footer .flex_column.av_one_third:nth-child(3) {
background: #f4f4f4 !important;
}/*Footer – End*/
as well as:
/*Portfolio – Start*/
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 35px;
}.av-inner-masonry-content:hover {
background-color: rgba(54, 212, 46,.6)!important;
}/*Portfolio – End*/
as well as:
/*Back to top link – Start*/
#scroll-top-link {
display: none!important;
}/*Back to top link – End*/
Can you think of a solution?
Thanks
-
This topic was modified 9 years, 6 months ago by
clairemartindigital.
June 29, 2016 at 5:39 pm #654935In reply to: Icon rotation animation
Hi again !
I’m sorry for all those questions… :-(So I tried to find a solution for the color but I think I gonna do this after.
I’ve created a test page on my website (kriesi-test) and the link to this page is in private content, and the quick css code is for the moment :
.icone-sous-menu-test:hover {
-webkit-transform: rotateY(180deg) !important;
transform: rotateY(180deg) !important;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}Now I have 3 questions :-) :
1) How could I make only the icon (and not the text) rotate ? I’ve tried to add “.av-icon-char” after “.icone-sous-menu-test:hover”, but it doesn’t work.
2) What code do I have to add to make the same animation in the other way when the mouse is not on the button anymore ? (after hover)
3) The image aims the same page that the icon, so I would like to know which code I need to add to “link” the image and the icon. I mean, when mouse is on the icon, I want effects on both (image and icon). Same thing when mouse is on the picture.Thanks !!
June 29, 2016 at 11:21 am #654743In reply to: Icon rotation animation
Hi,
exactly, that’s what display: none; does, so we know that the code is working. You just need to find the correct values until it fits for you. Feel free to hire a freelance developer for this job if you can’t do it by yourself. If you need to do it on hover then use this code:
.icone-sous-menu:hover { opacity: 0.1; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .icone-sous-menu:hover { -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }Best regards,
AndyMay 24, 2016 at 1:17 pm #637435Topic: Fix grid row element before the footer – woocommerce
in forum Enfoldjambrikp
ParticipantHey,
I would like add a fix grid row element before the footer. I use Woocommerce and I can not use ALB on shop pages.
Do you have function, filter etc to add shortcode (grid row) before the footer? Or something else?Please check my mockup and live previews. On home page I can add grid row element with ALB, but on shop page I can not do that.
This is the shortcode (I used debug function to know):
[av_layout_row border='' min_height='' color='main_color' mobile='av-flex-cells' id='icon-category' custom_class=''] [av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom left' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-01.jpg' attachment='165' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-1"></span><p class="special-overlay-icon-1-text">Kutyaeledel</p> [/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-04.jpg' attachment='169' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-2"></span><p class="special-overlay-icon-2-text">Macskaeledel</p> [/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom right' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-05.jpg' attachment='171' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-3"></span><p class="special-overlay-icon-3-text">Jutalomfalat</p> [/av_image] [/av_cell_one_third] [/av_layout_row]Best Regards,
PeterMay 6, 2016 at 9:15 pm #628480Topic: Blank 1/5 column not affecting layout
in forum EnfoldJulie
ParticipantHello!
I have a section on every page on the site that contains a row with 1/5 column (empty) then 3/5 column (with full-width button) then 1/5 column (empty)– this row is saved as a template for quick insertion on all pages of the site.
For some reason, on just one page, the first 1/5 column does not work- it looks like the element is not even there.
I have tried moving the elements out of the section, deleting and re-creating them, and copying the section code over from another page, but it just won’t work.
I also just noticed the same problem is happening with a blank 2/5 column in a section at the bottom of the page, which has a back button and social media icons and a blank 2/5 col between them (this section also appears on every page of the site).
Can you help me fix this?
Links to screenshots and the site are below, and this is the code in the debugger:
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
[/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
[av_hr class='invisible' height='20' shadow='shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']
[av_button_big label='Contact Us to Schedule a Free Consultation' description_pos='below' link='page,26' link_target='' icon_select='yes-left-icon' icon='ue89d' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#1e417c' color_hover='custom' custom_bg_hover='#a4c383' custom_class=''][/av_button_big]
[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[/av_one_fifth][/av_section]
Thanks in advance for your help!
April 28, 2016 at 8:31 am #623516In reply to: Removing icon button circle and animation
Hey!
Please use the below CSS in Quick CSS under enfold > general Styling
.actionbar-icons .av-icon-char{ border-width:0!important; border-style:none!important; } #top .actionbar-icons a.av-icon-char:hover:after { -webkit-animation: sonarEffect 0s ease-out!important; animation: sonarEffect 0s ease-out!important; }Cheers!
VinayApril 18, 2016 at 6:27 am #616060Topic: Problem with updating WP 4.5
in forum Enfoldsubrakavi
ParticipantAfter updating wp 4.5 some of animation effects does not works. Some of there..
1, Mouse hover effect doesn’t works,
2, Animation effect on icon list doesn’t works.
Please give me the solution.
March 9, 2016 at 5:28 pm #595699In reply to: Disable mouse hover on icons in the widgets
Hi!
You can add the following CSS in the Quick CSS field to stop the calculator icon from being cut off and to remove the animation on the pop up icons.
/*Adjusts the height so that the calculator icon is not cut off*/ .av-icon-on-hover .avia_button_icon { height: 1.2em !important; } /*Removes the animation from the pop up icons in the widget*/ .avia_transform .avia_start_delayed_animation.av_font_icon { animation: none !important; }Regards,
JordanMarch 7, 2016 at 2:33 pm #594315In reply to: Disable mouse hover on icons in the widgets
Hi !
In fact, everything works exactly the same way, with or without this “block:none”. That is the reason why I asked about what this code is used for…
Concerning the pop up on icons, I mean that in my widgets for example they don’t appear when the page is loading, but when we scroll down the page. They are a small point first and then they appear, but I don’t want this “animation”. I want them to be fixed.
Finally, I send you a screen capture via Imgur showing my problem with buttons : like you can see it, the button without animation (on the left) shows the calculator icon normally, but the button with animation (icon_hover=’aviaTBaviaTBicon_hover’) (on the right – when we mouse hover on it) cut the bottom of the calculator icon. I send you the link to this page with the Imgur capture.
Thanks !
March 5, 2016 at 4:09 am #593613In reply to: Disable mouse hover on icons in the widgets
Hey!
Yes the block:none is required by the framework. If it’s a default code int he shortcode please use it as is.
I tried to load your page several times did not see any pop-up animation on icons do you mean the images that show with animation when you scroll the page? It can be disabled in the element property > animation options. same with icons click on the icon and disable it in animation property.
not sure if you were referring tot he icon that pop-up when you mouse hover on image?
if so pelase check this link http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/I don’t see anything cut off in the link mentioned in private please elaborate and share the link where we can inspect the element.
Best regards,
Vinay KashyapFebruary 18, 2016 at 7:11 am #585200In reply to: Mailchimp look
Hi Zaccc,
If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
You can then copy paste this shortcode to a new page to get the look of that entire page, you can then delete the items you don’t want/need:
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] The new beautiful spring collection, created by star designer Konrad Kries is now available. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Those are the styles that you need for the next season. Make sure to grab your early bird coupon! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Want to get notified once the new winter collection by Georgio Adriani is released? [/av_fullscreen_slide] [/av_fullscreen] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5'] [/av_section] [av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id=''] [av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no'] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9'] Hairdo by Roger Ramoni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53'] Glasses by Victor Secreni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4'] Nail polish by Sandra Sounders [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3'] "Red Velvet" Dress by Varia Vereni [/av_image_spot] [/av_image_hotspot] [/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_icon_box] [/av_one_half][av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus. [/av_icon_box] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section]Cheers!
RikardFebruary 4, 2016 at 6:18 am #577589In reply to: How to setup frontpage like demo?
Hi combra,
If you enable debug mode in order to display shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can add the following shortcode your page to get the entire layout, you can then delete the elements you don’t want/need:
[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down'] [av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] The new beautiful spring collection, created by star designer Konrad Kries is now available. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Those are the styles that you need for the next season. Make sure to grab your early bird coupon! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern=''] Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] Want to get notified once the new winter collection by Georgio Adriani is released? [/av_fullscreen_slide] [/av_fullscreen] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections'] [av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] NEW WINTER COLLECTION [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] LATEST STREET CLOTHES [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FRESH SPORTSWEAR [/av_image] [/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff'] FUNKY ACCECCOIRS [/av_image] [/av_cell_one_fourth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5'] [/av_section] [av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id=''] [av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no'] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat'] [av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile'] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9'] Hairdo by Roger Ramoni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53'] Glasses by Victor Secreni [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4'] Nail polish by Sandra Sounders [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3'] "Red Velvet" Dress by Varia Vereni [/av_image_spot] [/av_image_hotspot] [/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_icon_box] [/av_one_half][av_one_half first] [av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_half][av_one_half] [av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus. [/av_icon_box] [/av_one_half] [/av_section] [av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section]Thanks,
RikardFebruary 3, 2016 at 12:34 am #576782In reply to: Internet Explorer 9
Hi!
Please click on the image or the edit icon that appears when you hover in the advanced layout builder and select none from the animation section.
Best regards,
Vinay -
This reply was modified 9 years, 4 months ago by
-
AuthorSearch Results
-
Search Results
-
because they did not get a response in a previous thread, I assume the new
I have two problems related to each other, abaut buttons
(the contents of the button is a bitmap),
according to the responsiveness, it should work similar in every resolution web browser?
the first problem is:
depending on the size of the button, when you hover the mouse over the button, arrow icon appears on a gray background, or does not appear – at big button the arrow is present, on the small it does not appearthe second problem concerns the animation settings of the button, the animation of magnification when you hover the mouse causes the brighter overlay on the image does not match the size of the image underneath,
with no rules, it looks differently even the next time you hover the mouse on the same button, on the same page, in the same size / resolution of your browser,
this not look good, in my opinion it should always cover the whole bitmap button, not leaving some random edges protruding from the overlayed bitmap with transparency,
the client does not like it, I’ll have to convince him to give up the animation – the zoom button
============================================
I hope to get an answer about the first problem,
I understand that the second issue is complicated and I do not expect solutions now
Hi guys,
so it seems like that something part of the below css:
/*Scroll-Down-Icon – Start*/
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
top: 92%;
text-align: center;
}.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 24px;
height: 34px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid white;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 4px;
height: 8px;
margin: -4px 0 0 -2px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;/*Scroll-Down-Icon – End*/
is causing an issue with the below css for the footer background colour:
/*Footer – Start*/
#footer .flex_column.av_one_third {
background: #f4f4f4 !important;
}#footer .flex_column.av_one_third:nth-child(2) {
background: #f9f9f9 !important;
}#footer .flex_column.av_one_third:nth-child(3) {
background: #f4f4f4 !important;
}/*Footer – End*/
as well as:
/*Portfolio – Start*/
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 35px;
}.av-inner-masonry-content:hover {
background-color: rgba(54, 212, 46,.6)!important;
}/*Portfolio – End*/
as well as:
/*Back to top link – Start*/
#scroll-top-link {
display: none!important;
}/*Back to top link – End*/
Can you think of a solution?
Thanks
Hey,
I would like add a fix grid row element before the footer. I use Woocommerce and I can not use ALB on shop pages.
Do you have function, filter etc to add shortcode (grid row) before the footer? Or something else?Please check my mockup and live previews. On home page I can add grid row element with ALB, but on shop page I can not do that.
This is the shortcode (I used debug function to know):
[av_layout_row border='' min_height='' color='main_color' mobile='av-flex-cells' id='icon-category' custom_class=''] [av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom left' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-01.jpg' attachment='165' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-1"></span><p class="special-overlay-icon-1-text">Kutyaeledel</p> [/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-04.jpg' attachment='169' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-2"></span><p class="special-overlay-icon-2-text">Macskaeledel</p> [/av_image] [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='bottom right' background_repeat='repeat-y'] [av_image src='http://petcorner.corewebstudio.net/wp-content/uploads/sites/7/allateledel-kisallatoknak-05.jpg' attachment='171' attachment_size='full' align='center' styling='' hover='av-hover-grow' link='product_cat,6' target='' caption='yes' font_size='28' appearance='' overlay_opacity='0.3' overlay_color='#f2f2f2' overlay_text_color='#ffffff' animation='no-animation' custom_class=''] <span class="special-overlay-icon-3"></span><p class="special-overlay-icon-3-text">Jutalomfalat</p> [/av_image] [/av_cell_one_third] [/av_layout_row]Best Regards,
PeterHello!
I have a section on every page on the site that contains a row with 1/5 column (empty) then 3/5 column (with full-width button) then 1/5 column (empty)– this row is saved as a template for quick insertion on all pages of the site.
For some reason, on just one page, the first 1/5 column does not work- it looks like the element is not even there.
I have tried moving the elements out of the section, deleting and re-creating them, and copying the section code over from another page, but it just won’t work.
I also just noticed the same problem is happening with a blank 2/5 column in a section at the bottom of the page, which has a back button and social media icons and a blank 2/5 col between them (this section also appears on every page of the site).
Can you help me fix this?
Links to screenshots and the site are below, and this is the code in the debugger:
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
[/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat']
[av_hr class='invisible' height='20' shadow='shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']
[av_button_big label='Contact Us to Schedule a Free Consultation' description_pos='below' link='page,26' link_target='' icon_select='yes-left-icon' icon='ue89d' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#1e417c' color_hover='custom' custom_bg_hover='#a4c383' custom_class=''][/av_button_big]
[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']
[/av_one_fifth][/av_section]
Thanks in advance for your help!
Topic: Problem with updating WP 4.5
After updating wp 4.5 some of animation effects does not works. Some of there..
1, Mouse hover effect doesn’t works,
2, Animation effect on icon list doesn’t works.
Please give me the solution.
