Viewing 30 results - 661 through 690 (of 1,181 total)
  • Author
    Search Results
  • #718111

    Hello,

    Your DEMO

    When not input anything to form , just press send
    I need contact form auto scrolling to invalid inputs.

    If form is long long long, it’s friendly for user.

    • This reply was modified 9 years, 1 month ago by Moaaaaya.
    #718027

    In reply to: Table not responsive

    Hey vonJanne!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
       .avia_scrollable_table .avia-table {
       	width: auto;
    }}

    Cheers!
    Yigit

    #717629
    Moaaaaya
    Participant

    Contact form auto scrolling to invalid inputs

    If there is no required field input, press send, whether the screen can automatically move to the required field is not entered

    若是有必填欄位沒有輸入,按下送出,畫面是否能自動移動到未輸入的必填欄位。

    #717562

    Hey!

    The boxes in the original site’s history page is very uncommon and you can’t rebuild it from the advance layout builder automatically so you have to copy its markup. This is the markup of one of the boxes.

    <div class="row row-alternate-column" id="1800s">
    
        <div class="fixed-box" data-switch-target="#1800s-switch" style="height: 874px;">
    
            <div style="width: 75%;" class="cuervo-century-panel">
                <h1 style="background-color: #2F2F2F;">1800s</h1>
                <div style="background-color: #2F2F2F;" class="cuervo-century-copy">
                    <h2>Exported To The United States</h2>
                    <p>Jose Cuervo barrels made it to California from San Blas in 1852</p>
                </div>
            </div>
            <div class="cuervo-century-panel panel-switch" style="width: 80%;">
                <h1 style="background-color: #4C2E16;">1800s</h1>
                <div style="background-color: #4C2E16;" class="cuervo-century-copy">
                    <h2>Glass Bottles To Go Anywhere</h2>
                    <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p>
                </div>
            </div>
    
            <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/8_1800s-train-tall.jpg)"></div>
            <div class="fixed-bg fixed-bg-switch" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div>
        </div>
    
        <div class="fixed-box history-hidden-desktop" style="height: 874px;">
    
            <div class="cuervo-century-panel" style="width: 80%;">
                <h1 style="background-color: #4C2E16;">1800s</h1>
                <div style="background-color: #4C2E16;" class="cuervo-century-copy">
                    <h2>Glass Bottles To Go Anywhere</h2>
                    <p>Jose Cuervo® was the first tequila brand to bottle tequila individually, making it easier to transport the tequila to meet booming demand in Mexico and across the border.</p>
                </div>
            </div>
    
            <div class="fixed-bg" style="background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/9_1800s-bottles-tall.jpg)"></div>
        </div>
    
        <div class="scroll-box">
            <img src="http://cuervo.com/wp-content/themes/cuervo/images/11-1800s-map.jpg">
        </div>
        <div class="scroll-box" style="height: 656px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/10-1800s-distillery.jpg); background-size: auto auto; background-position: top center;">
            <div class="content" style="padding-top: 24%;">
                <div style="background-color: #995A31;" class="scroll-box-footer">
                    <h1 style="font-size: 25px; margin: 1em 0 0.5em;">New Distillation Machinery</h1>
                    <p style="text-align: center; margin-top: 0;">Sold 10,000 barrels of tequila in one year.</p>
                </div>
            </div>
        </div>
        <div class="scroll-box" style="height: 516px; background-image: url(https://cuervo.com/wp-content/themes/cuervo/images/6_1700s-larojena.jpg); background-size: auto auto; background-position: top center;">
            <div class="content">
                <div style="background-color: #2F2F2F;" class="scroll-box-footer">
                    <h1 style="font-size: 25px; margin: 1em 0 0.5em;">Where Jose Cuervo is produced</h1>
                    <p style="text-align: center; margin-top: 0;">La Rojena, founded in 1812, is the oldest active distillery in Latin America.</p>
                </div>
            </div>
        </div>
        <div class="scroll-box" id="1800s-switch">
            <div style="padding: 12% 16% 10%;">
                <h1 style="color: #595A5F; font-size: 30px; line-height: 1.5;">Award Winning,<br>As Always</h1>
                <p style="color: #828278; line-height: 2;">First-place medal given to Jose Cuervo Tequila at the second Exposición de Las Clases Productoras, exhibition held in Guadalajara in May 1880.</p>
            </div>
            <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1800s-medal.png">
        </div>
        <div class="scroll-box">
            <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-3-1800s-glassbottles.jpg">
        </div>
        <div class="scroll-box">
            <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-2-1800s-glassbottles.jpg">
        </div>
        <div class="scroll-box">
            <img src="http://cuervo.com/wp-content/themes/cuervo/images/12-1-1800s-barrels.jpg">
        </div>
    </div>

    You have to extract the css style of those containers from the original site.

    Best regards,
    Ismael

    #717193

    Hey Webfixers,

    When you login to the support forum, you should be directed to this link: https://kriesi.at/support/ below the Forum you should see lists of Themes, you just need to click on one of the theme and just scroll at the bottom and you should see the form to start a new thread (this is arranged in this manner so the thread will automatically be listed within a specific theme). The link you posted just directs you instantly to create a new thread under Enfold.

    Best regards,
    Nikko

    #716499

    In reply to: Tables in mobiles

    Hey cipriana,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 768px) {
        .avia_scrollable_table .avia-table {
        	width: auto;
    }}
    

    Best regards,
    Yigit

    #716246

    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,
    Rikard

    #713095

    Hey CORMarketing,

    Please edit your table and choose to make your table scrollable on mobile – http://i.imgur.com/omYhQgpr.png then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
       .avia_scrollable_table .avia-table {
        	width: auto;
        }
    }

    Best regards,
    Yigit

    • This reply was modified 9 years, 2 months ago by Yigit.
    #712285

    Hi,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_scrollable_table .avia-table { 
    width: auto; 
    }

    Best regards,
    Yigit

    #711698

    In reply to: Hide colour sections?

    I want when I click a menu link for the page to automatically scroll down to the next slider. I don’t want to have to use a colour section or a code block element as these create gaps between the sliders.

    #710753

    Topic: autoscrolling

    in forum Enfold
    Ondrej
    Participant

    Hello,
    I realised web page by Enfold theme and the page is scrolling by self. One time up and one time down. Every 10 sec.. Can I fix it?
    Thanx Ondrej

    #710572

    Hi 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,
    Nikko

    #710560

    Hey!

    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!
    Ismael

    #709434

    Topic: bring grid to fullsize

    in forum Enfold
    alexanderjohannes
    Participant

    Hi. i have a grid with 4 pictures and text inside the grid. how can i bring the grid automatically to full browser window size?

    It look this way at the moment: http://imgur.com/a/vHl10 and it should look like this: http://imgur.com/a/YD2nX Like a color section with the settings ” full high 100%).

    Can you please help me to get this effect? Scroll down to the 2nd slide. Freeletics uses this effect :) https://www.freeletics.com/de

    #706471

    In reply to: Where element.style?

    Hallo Yigit,

    Im offline, again:
    Where can I find the source code:

    element.style {
        background-attachment: scroll;
        background-image: url("http://localhost/wp-content/uploads/2016/01/luxusnet-lp.jpg");
        background-position: center center;
        background-repeat: no-repeat;
    #################################
        height: 437px;
    #################################
        top: auto;
        transform: translate3d(0px, 65px, 0px);
    }

    I would like height: change.
    That’s all I want. Image inserted via color-section / section Background!

    l.G. hgx

    #706438

    It’s av_section_6 of: http://kriesi.at/themes/enfold/.

    I can’t seem to find the place to create the full width background with the posts and text that sit on top of the section. I’m waiting for our IT guy to add the information from the link you provided.

    Some of the code:
    <div id=”av_section_6″ class=”avia-section socket_color avia-section-default avia-no-shadow avia-full-stretch av-parallax-section avia-bg-style-parallax avia-builder-el-47 el_after_av_section el_before_av_section container_wrap fullsize” data-section-bg-repeat=”stretch”><div class=”av-parallax enabled-parallax active-parallax” data-avia-parallax-ratio=”0.3″ style=”top: auto; transform: translate3d(0px, 190px, 0px); height: 687px;”><div class=”av-parallax-inner socket_color avia-full-stretch” style=”background-repeat: no-repeat; background-image: url(http://kriesi.at/themes/enfold/files/2013/04/room.jpg); background-attachment: scroll; background-position: top center; “></div></div><div class=”container”><div class=”template-page content av-content-full alpha units”><div class=”post-entry post-entry-type-page post-entry-734″><div class=”entry-content-wrapper clearfix”>
    <section class=”av_textblock_section” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock ” itemprop=”text”><h2 style=”text-align: center;”>In case you need help</h2>
    <p style=”text-align: center;”>Here are several ways to contact us</p>
    </div></section>
    <div style=”height:30px” class=”hr hr-invisible avia-builder-el-49 el_after_av_textblock el_before_av_one_third “><span class=”hr-inner “><span class=”hr-inner-style”></span></span></div>
    <div class=”flex_column av_one_third flex_column_div first avia-builder-el-50 el_after_av_hr el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-51 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Presales Question?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.<br>
    Learn more</p>
    </div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-52 el_after_av_one_third el_before_av_one_third “><article class=”iconbox iconbox_top main_color avia-builder-el-53 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Need Support?</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br>
    Learn more</p>
    </div></div><footer class=”entry-footer”></footer></article></div><div class=”flex_column av_one_third flex_column_div avia-builder-el-54 el_after_av_one_third avia-builder-el-last “><article class=”iconbox iconbox_top main_color avia-builder-el-55 avia-builder-el-no-sibling ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”iconbox_content”><header class=”entry-content-header”><div class=”iconbox_icon heading-color” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></div><h3 class=”iconbox_content_title” itemprop=”headline”>Check Forum</h3></header><div class=”iconbox_content_container ” itemprop=”text”><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim juserdiet a, venenatis vitae, justo.<br>
    Learn more</p>
    </div></div><footer class=”entry-footer”></footer></article></div>

    </div></div></div><!– close content main div –></div></div>

    #706151

    Topic: Where element.style?

    in forum Enfold
    hgx
    Participant

    Hallo,

    Wo ist:
    Where is:

    element.style {
        background-attachment: scroll;
        background-image: url("http://localhost/wp-content/uploads/2016/01/luxusnet-lp.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        height: 437px;
        top: auto;
        transform: translate3d(0px, 65px, 0px);
    }

    Ich möchte im child theme hier height: 437px; ändern. Weil die Einstellung in der Farb Sektion auf 75% leicht daneben liegt.
    Ich finde es in keiner Datei, welche müsste dann ins child theme?

    I would like in child theme here: 437 px; change. Because the setting in the color section is slightly down to 75%.
    I find it in no file, which would then have to child theme?

    l.G.

    #703720
    bard0x
    Participant

    When I view my web site on an mobile device the mobile menu hide automatically on scroll… How to keep the menu bar permanetly?
    Thank’s

    #703514
    grooveva
    Participant

    So I’m having a perplexing problem. As you can see I’ve got a portfolio grid employed on this landing page. But the problem I have is that while the video loads the pop up window immediately scrolls up the rest of the page. So far in fact that the excerpt for the entry is completely hidden above.

    Could you advise at where I can look at adjusting these settings in the theme code?

    rlhinirv57
    Participant

    Hello Enfold Team,

    Looking at any post in text view, I see multiple instances of the following code have mysteriously been added to the page. I can easily delete this, but any ideas regarding why this is happening? It’s a recent occurrence; I’ve now licensed Enfold for multiple sites and haven’t noticed this before now. Is it a WordPress thing, or perhaps happened with the recent Enfold update? Not a serious issue, more of an annoyance.

    Code Example – fyi, I usually see 4 or 5 copies of this at the bottom of each new post:
    <span style=”border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px ‘Helvetica Neue’,Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 2218px; left: 20px;”>Save</span>

    Thanks in advance for responding!

    #702565

    Hi Nacho,

    Kindly add this code in Quick CSS (located in Enfold > General Styling):

    #header #header_main {
        background: #2c353d;
    }
    
    .logo img {
        padding: 12px 0;
    }
    
    .header-scrolled .logo img {
        padding: 4px 0;
    }
    
    .header-scrolled span.subtext {
        font-size: 18px;
    }
    
    @media only screen and (max-width:767px) {
    	.responsive #top #wrap_all .container {
    	    height: auto !important;
    	    line-height: 1 !important;
    	}
    
    	.responsive #top .logo {
    	    padding: 12px 0;
    	}
    
    	.responsive .logo a, 
    	.responsive .logo img {
    	    max-height: 60px !important;
    	    display: inline-block;
    	}
    
    	.responsive .logo a {
    	    position: relative;
    	    display: block;
    	}
    
    	span.subtext {
    	    font-size: 15px;
    	    max-height: 60px;
    	    color: #fff;
    	    line-height: 60px;
    	}
    }

    Hope this helps. This should solve the 2 issues you mentioned, if it doesn’t work, kindly allow us to inspect the settings and make changes in your backend.

    Best regards,
    Nikko

    #701072

    Hi Nikko. Tapping on the left of the logo or the right of contacts only closes the menu sometimes, however this is not a solution because no-one will know to tap there, also the menu does not close even when you scroll. I dont think the problem is with the links in the slider because the slider is only on the home page and the problem exists on every page.

    Okay so heres what I found after some tests and research. The automatic closing or tap to close of the dropdown and mega menus do not work on many other websites as well, including the Enfold demo site. It seems to be that the bootstrap in js works with mouse click and not touch.

    You can do a test on many WordPress sites and see that when a menu is open and you scroll, the menu will not close. This is due to the touch on the screen is not recognised by js to close or clear menus.

    I hope you guys can find a solution with some simple code or css. Its really frustration having a mega menu block half the screen while scrolling.

    #700807
    FlukePhotography
    Participant

    Hi, I’m working on my site linked separately

    on the home page on the fullscreen slider at the top, there are two images which scroll, the first one has a pink button in the caption saying ‘watch video’ – at present, the link sends me to youtube where the video is hosted, however I’d like it to open a video lightbox without having to leave my site. I know it’s possible to have the video play as the slider scrolls through but as it’a a longer video but I’d like visitors to choose if they want to watch it rather than it play automatically because I think a 2 minute video playing all the time might get annoying.

    Cheers :)

    #700770
    #698138

    Hello,

    Take a closer look please:

    The video will auto load if the video is visible on the load. So for example, it loads header video if you first load page. And, if you go to middle of page and hit reload, it will load that video. But if you scroll up, you will see the top video never started.

    Thanks,
    Jason

    #697236

    Hi Aline!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    .avia_scrollable_table .avia-table {
        width: auto;
    }}

    Best regards,
    Yigit

    #696517

    Hi,

    Following code should help

    @media only screen and (max-width: 768px) {
    .avia_scrollable_table .avia-table {
        width: auto;
    }}

    Best regards,
    Yigit

    #696237

    auto scrolling +1

    #694804
    einstein999
    Participant

    I have tried with a few different media elements (full screen slider, color selection)
    It will auto load the video for the section of the page you are on, but if you have a video at the top and one at the bottom, the video at the bottom won’t load if you load the page from the top (if you reload the page with the second bottom video in view, the bottom video loads, but then scroll up to the top and the top video doesn’t load)

    Ideas or work arounds?

    #692567
    jonrouse
    Participant

    Hi,
    Currently working on a site and I have a portfolio grid that I am building for the staff page. It’s looking great (thanks) but I have a problem that when you click on one of the staff members the page scrolls too far down and the navigation is hidden under the logo area.

    Is there any way that you can advise me how much it scrolls when an image is clicked. I’ve linked the development site in the private content area. It just needs to be -30px different.

    Thanks in advance.

Viewing 30 results - 661 through 690 (of 1,181 total)