-
Search Results
-
In reply to: Accordion in grid row mobil doesn’t close properly
Hello Ishmael,
That’s great that you’re working on the problem. I just can’t understand why you don’t see what happens when you scroll up when you click on a tongle.
when you enter the following in the browser:then scroll down to the section
“Why train with us?
10 reasons to become a roofer”and if you click on the first tap of the Accordion on the right, you can see that the page automatically jumps to the top of the page.
And that’s the case on desktop and mobile
You are welcome to deactivate the plugins to test
Hi Mike,
Yep a paid plugin but absolutely brilliant.
It forms part of an advanced WooCommerce performance stack I am now using.WPScalability Pro and Auto Infinite Scroll are both by WP Intense and together make WooCommerce much faster. Particularly larger sites.
Scalability Pro also speeds up Enfold and WordPress in general.
There is an option in Scalability Pro to compliment Auto Infinite Scroll – Improving the load time of WooCommerce archive pages.
You can close this issue. I have sent a link to the plugin developer informing them of the solution above.
Hi,
Thank you for sharing your solution, it looks like Auto Infinite Scroll from WP Intense is a paid plugin, I didn’t find a free version for it, but I imagine that you have found it helpful due to the time you put into getting it to work with Enfold, thanks I’m sure others in the future will appreciate your effort. Do you want this thread to remain open to answer future questions, or shall we close it?Best regards,
MikeHi Gunter,
For those looking to add auto infinite scroll from WP Intense to their Enfold site:
Auto Infinite Scroll Settings:
Set the distance to 1000px
css wrapper: .products, .yourcustomclassfornewspage
Pagination wrapper: .pagination
Next Page Selector: next_pageCss for the load more button: (plus hide the pagination on the blog page)
#isw-load-more-button { border: none; padding: 20px 50px 20px 50px; background-color: #007a74; color: #ffffff; font-size: 18px; font-weight: bold; transition-duration: 1s; } #isw-load-more-button:hover { border: none; background-color: #39a6a1; color: #000000; } .yourcustomclassfornewspage .pagination { display:none !important; }Snippet for functions.php to insert the new CSS class to just the blog page:
add_filter( 'avf_custom_main_classes', 'custom_avf_custom_main_classes', 10, 2 ); function custom_avf_custom_main_classes( $class_string = '', $context = 'index.php' ) { // fallback check if( ! is_string( $class_string ) ) { $class_string = ''; } // e.g. add custom class to index.php Make sure there is a space before the class! if( 'index.php' == $context ) { $class_string .= ' yourcustomclassfornewspage'; } return $class_string; }Topic: Lottie file on mobile
Hi,
It’s been a while but have just discovered Lottie files and that Enfold has support for it. they remind me of the good old Flash animation files :) .
I was playing around with the animated bouncing boxes you have and I can get it to do what I want when on the browser, which is to have it activated only on hover.
However on mobile the Lottie animation automatically plays. Is there a way in which to have the image stay static or perhaps to have it play once scrolled into the viewport? Would be a great option to have.
Thanks
JohnIn reply to: contact form autoresponder with field entries
thx a lot Ismael,
as I am not a PHP expert, I am not 100% there. re. Syntax as well as re.” Where to add which code”My functions PHP reads now as follows:
add_filter(“avf_contact_form_autoresponder_mail”, function($mail_array, $new_post, $form_params, $class) {
$mail_array[“Message”] = “Hallo und guten Tag ” . $new_post[“1_1″] . ” ” . $new_post[“2_1”] . “!\n” . $mail_array[“Message”];return $mail_array;
}, 10, 4);On my page below you find the draft contact form at the very end (pls scroll down to the bottom)
The autoresponder mail looks like here: https://imgur.com/a/9IEcWOf
My backend entries look this way: https://imgur.com/wPS4XOc-> How / where Do I need to enter the first 3 entry fields “Herr/Frau” Vorname” “Nachname” in a way that they appear after the “Hello…” at the beginning of the return mail?
thank you very much in advance & best regards, Tilman
In reply to: show tripadvisor icon in header
Hi Gunter,
Thank you for looking into this – I thought this might be the case.The problem is it is looking for a single selector (Unless I am mistaken). So I cannot populate the box in the plugin with a class containing more than one selector – Just comma seperated single selectors.
So I will need to add a filter to add a class to <main> on line 34 in Main Template (index.php)
OR
If you are able to add a class to this like blogloop or something that has no other function I could use that to exclude. The worry is another dev will come and remove the css for not having a purpose at a later date so a filter would probably be better.This allows for full compatibility with Auto Infinite Scroll.
This particular site is one of three extremely large ecommerce sites I am working on. Two of which have Auto Infinite Scroll installed to speed up index pages.
Paginated pages dont get preloaded by WP-Rocket or appear on yoast sitemaps so this was a way to cache as many pages as possible within a 116,000 product store.
Hi I am using WP Scalability Pro and Auto Infinite Scroll on a large Enfold site (116,000 variable products).
Auto Infinite Scroll works fine for the Products pages but it breaks on the blog.
The Pagination on the blog is nested within Main – Whereas on the Products page, The elements containing the following selectors .pagination is outside of the .products css class.
See example in private content.
To fix I have added a css class to <main> manually in the parent theme – Main Template (index.php) Line 34.Two possible solutions
1. Place the blog in a new div so pagination follows it – Like on the woocommerce product archives pages where pagination sits outside of the products div.
On the prooduct archives:
<div class=”entry-content-wrapper”> <ul class=”products”></ul> Pagination is outside of the ul class. <nav class=”pagination”></nav> </div>Suggestion on blog:
<main> <newdiv> <article> </article> </newdiv> These now sit outside of the posts loop: <single-big> <pagination> </pagination> </single-big> </main>2. Can you add a class to <main> on the blog pages so I can use it as the selector? (See example in private content).
2a.Is there a filter already set up in Enfold to add a class here?In reply to: vertical images
I double-checked the vertical photo on the phone, and I can see the entire photo. However, if I scroll the image downward without moving anything else, the photo is only partially visible.
This is a significant issue because I’ve encountered it on all the pages of my website. There are many areas that don’t update automatically, and I believe this is a problem on your end.
Updating text, images, or any other module requires scrolling the page downward.
Hi,
To have a popup display automatically after 5 seconds I recommend using a popup plugin like WP Popups I tested this on my test site linked below. I used a blank popup template:
then added your link as a iframe:
<iframe width="100%" height="650px" src="https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs" scrolling="auto" frameborder="0" allowtransparency="true"></iframe>then I set the page I wanted it to show on, my test page below, you can choose every page if you like:
then I set the delay to 3 seconds
there are many other setting you can make but for this example this worked, this was the result after 3 seconds:
please give this a try.Best regards,
MikeTopic: Style elements in HTML
Hi. I noticed that my HTML contains many style elements. If you inspect the page in the attached link, you will notice something like this in HTML:
<style type=”text/css” data-created_by=”avia_inline_auto” id=”style-css-av-3020j2-2a45f4f4300325f1c7d6d4f15bd3e269″>
.avia-section.av-3020j2-2a45f4f4300325f1c7d6d4f15bd3e269 .av-parallax .av-parallax-inner{
background-repeat:no-repeat;
background-image:url(http://borgmeier.borgmeier.media/wp-content/uploads/2022/10/man_with_smartphone-paralax.jpg);
background-position:50% 0%;
background-attachment:scroll;
}
.avia-section.av-3020j2-2a45f4f4300325f1c7d6d4f15bd3e269 .av-section-color-overlay{
opacity: 0.8;
background-color:#242424;
}
</style>
how could I completely delete these items?
Thank you very muchIn reply to: Masonry gallery is not visible
Hi,
Thank you for the update.
The masonry items are now displaying on our end, but the issue still occurs randomly. To fix this intermittent issue and make sure that the items are always visible, we edited the script in the functions.php file a bit. However, the changes also disable the animation of the modified masonry element.
This is the modified script in the functions.php file.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ $(document).ready(function() { var masonry = $('.av-lkxoac3p-fdb26766bf677dcbcb91121eba03e5ce'); masonry.css('opacity', 0); var int = window.setInterval(function(){ $(window).trigger('resize debouncedresize'); }, 2000); $(window).on('load', function () { setTimeout(function() { clearInterval(int); }, 500); }); if ($('body').hasClass('page-id-7579')) { $(window).scroll(function(){ if(masonry.css('opacity') == 0) { masonry.css('opacity', 1); // masonry.find('.av-masonry-entry').css('opacity', 1); // masonry.find('.av-masonry-entry').css('visibility', 'visible'); masonry.find('.av-masonry-entry').addClass('av-masonry-item-loaded'); $(window).trigger('resize debouncedresize'); } }); } }); })(jQuery); </script> <?php }Please make sure to purge the cache or switch to incognito mode before checking the page.
Best regards,
IsmaelTopic: YouTube video
Hello! Is it possible to have auto play YouTube preview videos?! I mean that when you scroll the page, you can already see the video that goes in preview and, if you click, it opens on Youtube.
Many thanks!
(Check in my page…in private content.)
Hey Eleina,
Thank you for the link to your site, to center the popup I removed the 1/5 empty columns on each side of your popup columns:
then I added this css to your WordPress ▸ Customize ▸ Additional CSS:.mfp-content #yolanda.flex_column, .mfp-content #keaver.flex_column, .mfp-content #kenita.flex_column { float: none; margin: auto; }To stop the page from scrolling with the popup shows I adjusted your script to add the class no-scroll to the popup.
Please clear your browser cache and check.Best regards,
MikeIn reply to: No pages are imported after demo import
Hi,
Thanks for that. I’m not sure why the page is not importing, but you could try to activate debug mode under Enfold->Layout Builder->Show Advanced Options->Debug Mode (Backend Only). Then you can import this shortcode into a new page:
[av_layout_row min_height_percent='percent' min_height_pc='85' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3szq1xv' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szpg70' sc_version='1.0'] [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-ttb' animation_duration='' animation_custom_bg_color='#f8f8f8' animation_z_index_curtain='1' parallax_parallax='bottom_top' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t6vrtm' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-enfold.png' attachment='2047' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-z26fk' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szplqc' sc_version='1.0'] [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/startup_dark.jpg' attachment='2030' attachment_size='full' background_position='center left' background_repeat='stretch' highlight_size='1.1' animation='curtain-reveal-btt' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='1' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3szqp26' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-parallax.png' attachment='2048' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-q2u00' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_image] [/av_one_full][/av_cell_one_half] [/av_layout_row] [av_section min_height='' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' margin='aviaTBmargin' custom_margin='0px,80px' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' 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_arrow_bg='' css_position_z_index='10' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='service' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kz5g1n7y' sc_version='1.0'] [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='av-break-at-tablet' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='0' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5hamof' sc_version='1.0'] [av_heading heading='Planning & Consulting' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-dj574' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-anksw' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-15ly34' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-wmepk' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_gradient' background_color='#ffffff' background_gradient_direction='diagonal_tb' background_gradient_color1='#2d2d2d' background_gradient_color2='#383838' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight='aviaTBhighlight' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='100' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='100' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='110' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gwrwj' sc_version='1.0'] [av_heading heading='Design & Production' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5h2s5l' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' template_class='' av_uid='av-kz5h37os' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kz5k342g' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='light' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5k24rj' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='70' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gvtyq' sc_version='1.0'] [av_heading heading='Shipping & Managing' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5gfgzs' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kz5gq51m' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-oqxgo' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5jzepf' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'] [/av_one_third][av_one_full first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='0px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-rtl' animation_duration='2' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='-10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3hiswcr' sc_version='1.0'] [av_headline_rotator before_rotating='Say hello to a<br/>' after_rotating='Enfold!' margin='' margin_sync='true' align='center' custom_title='#000000' size='5vw' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' tag='h2' interval='5' animation='typewriter' alb_description='' id='' custom_class='' template_class='' av_uid='av-kz5jge9h' sc_version='1.0' admin_preview_bg=''] [av_rotator_item title='recently upgraded' custom_title='' link='' linktarget='' av_uid='av-kcg7s' sc_version='1.0'] [av_rotator_item title='heavily improved' custom_title='' link='' linktarget='' av_uid='av-heiy0' sc_version='1.0'] [av_rotator_item title='simply better' custom_title='' link='' linktarget='' av_uid='av-au3dc' sc_version='1.0'] [/av_headline_rotator] [/av_one_full][/av_section][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='about' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2ruoc8' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2j2d' sc_version='1.0'] [av_heading heading='About Us...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3sm88y3' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-2mr6mo' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-2cdbiw' sc_version='1.0'] [av_animated_numbers number='12' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvfgg' sc_version='1.0' admin_preview_bg=''] Team Member [/av_animated_numbers] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-27016w' sc_version='1.0'] [av_animated_numbers number='73' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvool' sc_version='1.0' admin_preview_bg=''] Happy Clients [/av_animated_numbers] [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-259qwo' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn0oe2' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)'] [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2rrf' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash-845x684.jpg' attachment='2031' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3sluu0i' sc_version='1.0' admin_preview_bg=''][/av_image] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/dusan-jovic-4JpCi9jWaOA-unsplash-200x300.jpg' attachment='2027' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='17' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,,,-50px' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3slz2ga' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-1y0avc' sc_version='1.0'] [av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-1oaef4' sc_version='1.0'] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash-845x684.jpg' attachment='2026' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smwbbb' sc_version='1.0' admin_preview_bg=''][/av_image] [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/kevin-canlas-e_mbJ0T0mes-unsplash-200x300.jpg' attachment='2029' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='20' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,-50px,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smyzp5' sc_version='1.0' admin_preview_bg=''][/av_image] [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sn2t3l' sc_version='1.0'] [av_heading heading='What we do...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jsd34' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-1easfk' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-192lqo' sc_version='1.0'] [av_animated_numbers number='212' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-159r1k' sc_version='1.0' admin_preview_bg=''] Finished Projects [/av_animated_numbers] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-wq820' sc_version='1.0'] [av_animated_numbers number='4144' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-t1ia0' sc_version='1.0' admin_preview_bg=''] Hours of Work [/av_animated_numbers] [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-ipoh4' sc_version='1.0' admin_preview_bg=''] [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn1k2r' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)'] [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3sz5uq1' sc_version='1.0'] [av_cell_one_third vertical_align='middle' padding='100px,0px,100px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3syods3' sc_version='1.0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='100px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='10' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,200px' css_position_z_index='' av-medium-css_position='relative' av-medium-css_position_location=',,,0' av-medium-css_position_z_index='' av-small-css_position='relative' av-small-css_position_location=',,,0' av-small-css_position_z_index='' av-mini-css_position='relative' av-mini-css_position_location=',,,0' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3sys9uw' sc_version='1.0'] [av_heading heading='Last but not least...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jn8w' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-9rhpk' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla. [/av_textblock] [/av_one_full][/av_cell_one_third][av_cell_two_third vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash.jpg' attachment='2031' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sypxl7' sc_version='1.0'] [/av_cell_two_third] [/av_layout_row] [av_masonry_gallery ids='2032,2033,2034,2035,2036,2037,2038,2039' caption_elements='title excerpt' caption_styling='' caption_display='always' size='fixed' orientation='av-orientation-portrait' image_size='masonry' gap='large' columns='4' av-medium-columns='' av-small-columns='2' av-mini-columns='' items='24' paginate='none' color='custom' custom_bg='#2d2d2d' animation='curtain-reveal-ttb' animation_duration='1' animation_custom_bg_color='#2d2d2d' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' container_links='active' link_dest='' lightbox_text='' img_scrset='' lazy_loading='disabled' id='portfolio' custom_class='' template_class='' av_uid='av-l3t0hp54' sc_version='1.0'] [av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='contact' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-mb4yw' sc_version='1.0'] [av_cell_three_fifth vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash.jpg' attachment='2026' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t0eyup' sc_version='1.0'] [/av_cell_three_fifth][av_cell_two_fifth vertical_align='middle' padding='100px,0,100px,0' background='bg_color' background_color='#2d2d2d' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/parallax_light.png' attachment='2024' attachment_size='full' background_attachment='scroll' background_position='center right' background_repeat='contain' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t075ls' sc_version='1.0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='20' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',0,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',0,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',0,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t08rf8' sc_version='1.0'] [av_heading heading='Get in Touch' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3t037w6' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_contact title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' captcha='' captcha_theme='light' captcha_size='normal' captcha_score='0.5' (Email address hidden if logged out) ' from_email='' subject='' (Email address hidden if logged out) ' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' heading_tag='' heading_class='' alb_description='' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t05k5j' sc_version='1.0' admin_preview_bg=''] [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-flbq0' sc_version='1.0'][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-9lrow' sc_version='1.0'][/av_contact_field] [/av_contact] [/av_one_full][/av_cell_two_fifth] [/av_layout_row]Best regards,
RikardIn reply to: Cookie Concent Bar
Hi,
Thank you for the inquiry.
or auto accept upon scrolling ?
This option is not available by default, but we can add a script to hide the consent bar on scroll and auto accept the cookies. Please add the following code in the functions.php file.
function ava_custom_script_c() { ?> <script> (function($) { $(window).scroll(function (event) { var scroll = $(window).scrollTop(); if(scroll > 1500) { $('.avia-cookie-consent-wrap').fadeOut( "slow", function() { console.log('consent bar hidden'); }); $('.avia-cookie-consent-button-1').trigger('click'); } }); }(jQuery)); </script> <?php } add_action('wp_footer', 'ava_custom_script_c', 9999);Best regards,
IsmaelIn reply to: Image in top right corner of color block
do not try to put an extra container to that color-section.
Just place two background-images for that container.
so remove the image inside and place just a quick css :.avia-section.av-lkbs50gw-4f6252733029933ed3712caa877cf044{ background-image:url(https://asiantradeassociation.com/wp-content/uploads/2023/05/92d074ce-66c0-4850-8020-88c18c9d9ebd-231x300.webp), url(https://asiantradeassociation.com/wp-content/uploads/2023/07/pexels-karolina-grabowska-40221071.jpg); background-position: calc(100% - 50px) 50px , left top; background-size: 200px auto , cover !important; background-repeat:no-repeat; background-attachment:scroll; }see here: https://webers-testseite.de/multiple-background-images/
Topic: Cookie Concent Bar
Hi team!
Thank you for adding a cookie consent tool to the theme. I found it very useful. I just wanted to see if there was a way to “timeout” or auto accept upon scrolling ?
I do not have an EU website, but we do want to add this to our site. I set the basic one up, but did not see an option to “accept all upon scroll” or a way to add a timeout where the notice goes away after 10 seconds or so. Is there a way to do this?
Thanks!
Hallo,
ich habe folgendes Problem:
Ich habe einen fixierten Header, welcher sich beim Scrollen verkleinert. Dort ist es so das ab und zu nach dem wieder hochscrollen das Logo statt 220px maximale Höhe nurnoch 110px maximale Höhe hat. Dadurch ist es natürlich zu klein. Ich kann leider nicht die genauen Umstände sagen, wann genau es auftritt. Manchmal passiert es und manchmal nicht.
Bilder und Link zu Entwicklungsseite sind im Privat Content.
Ich habe das Code-Snippet für ein Widget im header in Verwendung, falls das relevant ist.Hier mein Code wechen ich für den Header nutze:
/************************************ Menu Burger Hintergrund **********************************/ .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a { background:url('/wp-content/uploads/2023/07/Gruppe-9.png'); background-repeat: no-repeat; background-size: cover; padding: 20px 18px; } /* Menu verkleinert scrolled */ .header-scrolled .av-hamburger-box { height:6px; width:28px; } .header-scrolled .av-hamburger-inner::before { top: -8px; } .header-scrolled .av-hamburger-inner::after { bottom: -8px; } .header-scrolled .av-burger-menu-main > a { background:url('/wp-content/uploads/2023/07/Gruppe-9.png'); background-repeat: no-repeat; background-size: cover; padding: 13px 14px !important; } /************************************ Logo scrolled geändert **********************************/ .header-scrolled .logo img { opacity: 0; } .header-scrolled .logo a { background-image: url(/wp-content/uploads/2023/07/Forellenhof-Signet-2023_.png); background-size: contain; background-repeat: no-repeat; } /************************************ Widget left, Logo center, Menu right **********************************/ .responsive #top #header #header_main .inner-container .logo { left:-70px; } /*-------------------------------- » Initiate Flexbox --------------------------------*/ /* Header */ .responsive #top #header, /* Top bar */ .responsive #top #header #header_meta, /* Search icon */ .responsive #top #header #menu-item-search a, /* Cart icon */ .responsive #top #header a.cart_dropdown_link, /* Social icon */ .responsive #top #header #header_main nav .social_bookmarks, /* Logo */ .responsive #top #header #header_main .inner-container .logo, /* Main menu, cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu, /* Widgets */ .responsive #top #header #header_main .inner-container .widget, /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; position: relative; } /*-------------------------------- » Topbar --------------------------------*/ /* Top bar */ .responsive #top #header #header_meta { flex-basis: 100%; } /*-------------------------------- » Header --------------------------------*/ /* Height outer container */ #top #header #header_main .container.av-logo-container { /* Do not change height here */ /* Auto height: Header takes the height of the contents */ height: inherit; line-height: inherit; } /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { /* Define header height here */ height: auto; position: relative !important; flex-wrap: wrap; /* Define header padding */ padding: 13px; justify-content: space-between; } /* Wrappers --------------------------------*/ /* Main header ( logo, menu, widgets ) and topbar */ .responsive #top #header { flex-wrap: wrap; } /* Logo, Menu, Social Icons and Widgets. */ .responsive #top #header #header_main { flex-basis: 100%; } /* Transparent header --------------------------------*/ .responsive.html_header_transparency #top #wrap_all #header { position: absolute; } @media only screen and (max-width: 767px) { .responsive.html_header_transparency #top #wrap_all #main { /* Define padding value for transparent header in mobile */ /*padding-top: 315px !important; */ } } /* Fixed header --------------------------------*/ .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: fixed; } .html_header_sticky #top #header_main .container, .html_header_sticky #top .main_menu ul:first-child>li a { height: inherit !important; line-height: inherit !important; } /* Main content padding value should be same as the fixed header height. */ .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main, .html_header_sticky #top #wrap_all #main { /* Define padding only if sticky header is active */ padding-top: 220px ; } @media only screen and (max-width: 767px) { .html_header_sticky #top #wrap_all #main { /* Define padding value for sticky header on mobile */ /*padding-top: 315px !important; */ } } /*-------------------------------- » Logo --------------------------------*/ .responsive #top #header #header_main .inner-container .logo { order: 2; flex-basis: auto; /*width: auto;*/ /* Define scalable min width of the logo on small screens */ min-width: 100px; /* Define scalable max width of the logo on big screens */ /* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */ max-width: 220px; z-index: 9; } /* Logo image size */ .responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img { width: auto; /* Height specification is not required. It is proportional to the max width of the logo */ height: auto; align-items: center; align-self: center; justify-content: center; } /* Vertically center transparency logo */ .responsive #top #header .logo span img { position: absolute; top: 50%; transform: translateY(-50%); } /*-------------------------------- » Menu --------------------------------*/ /* Menu outer container: Menu with siblings cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu { order: 3; /* Define menu width */ flex-basis: auto; align-items: center; align-self: center; height: inherit !important; } /* Navigation */ #header .av-main-nav { display: flex; flex-wrap: nowrap; } /* Activate burger menu */ @media only screen and (max-width: 1000px) { #top #header .av-main-nav>li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } } @media only screen and (max-width: 767px) { /* Mobile menu position fix */ .responsive #top .av-logo-container .avia-menu { display: flex!important; align-items: center; } } /* Mega menu submenu position fix */ .responsive #top #header .avia_mega_div { /* Define megamenu submenu top value */ /* top: 300px; position: fixed; left: 50%; transform: translateX(-50%);*/ } /*-------------------------------- » Widget --------------------------------*/ .responsive #top #header #header_main .inner-container .widget { order: 1; flex-basis: auto; padding: 0; clear: none!important; justify-content: center; align-self: center; align-items: center; z-index: 1; } .responsive #top #header #header_main .inner-container .widget>div { width: 100%; line-height: 14px; padding: 0 10px; background: gold; } /*-------------------------------- » Social icons --------------------------------*/ /* Flex support and position fix */ .responsive #top #header #header_main nav .social_bookmarks { top: auto; margin-top: 0; align-items: center; } /* Inherit height for flex alignment */ .responsive #top .av-logo-container .social_bookmarks li { height: inherit; } /*-------------------------------- * Cart position fix --------------------------------*/ #top #header #header_main #menu-item-shop a.cart_dropdown_link { height: auto; } @media only screen and (max-width: 767px) { .responsive #top #menu-item-shop.cart_dropdown { display: flex; align-items: center; } .cart_dropdown .dropdown_widget .avia-arrow { display: none; } }Vielen Dank für die Hilfe
und viele GrüßeMandy
Topic: Enfold Conflict With Yoast
Received this from Yoast support:
Mushrit replied
Jun 29, 5:55
Hi Dave,Thank you for your reply and for confirming.
We understand you are facing readability is not available. I am sorry for the situation you are facing. We are here to help.
From the screenshot, it seems you are not using the default block editor of WordPress. Are you adding the content from a page builder of your theme? If yes, please know that Yoast SEO can analyze the content and detect it correctly when added from the default block editor of WordPress.
I understand you would not want to change your theme, which may ruin the structure of your pages. However, please have a look at the workaround below:
Workaround:
We offer a workaround in such cases that you can use to avoid the limitation of page builder within Yoast SEO Premium.
First create a staging site.
Some popular web hosts offer quick setups for a staging site, so please contact your web host for assistance. They will probably be able to help you out. If your web host does not offer staging sites, the WordPress plugin repository offers staging plugins or you can create your own staging site.
Test the content from Staging site
Kindly log into your staging site, activate a default theme like Twenty Twenty three and also make sure you have the page builder deactivated. Then add the content of your post using the default WordPress block editor. Check the suggestions made by Yoast SEO Premium’s readability analysis, adjust the content as required. Once you are happy with the content, you can add the content back the page builder in your live site.
Why Yoast SEO’s readability analysis fails when content is added using a page builder:
Yoast SEO Premium analyzes the default WordPress content areas like the title, URL, the main content box (WordPress editor). If you are adding your content through other plugin or theme content boxes (as most page builders do), Yoast SEO Premium may not be able to detect it by default. Currently, we are compatible with the Elementor page builder. The Yoast SEO Elementor integration is free to use for everyone; no premium or add-on is required for core functionality.
If you are using another page builder, please understand that page builders commonly use a custom editor designed by their team. Because plugins rely on the default editor, some page builders make the data entered into their editor available in the default editor. In these cases, Yoast SEO will see and analyze the content as if created with the default editor. When this is not the case, an integration feature must be available to parse the page builder content into Yoast SEO for analysis.
It’s like opening a room to find a safe inside it. Unless you have the code to unlock the safe, you can only see the inside of the room. To get the code to open the safe, you must contact the person who set the unlock code. We have tried to automatically unlock and parse content from other plugins and themes with inferior results in the past. Therefore, we opted to provide an API that developers can use to unlock their content and pass it to our page analysis.
For a permanent fix, if you are using a plugin or theme that doesn’t send their content to our page analysis, please reach out to the author or developer to request an integration feature for better SEO compatibility. Our development team provides information about creating a custom integration here. Although our plugin does not detect your content and shows an incorrect analysis report from a content page builder, this does not affect how search engines crawl and analyze your site. Search engines process the front end of your site and will detect your content.
Feel free to let us know should you have additional questions on this.
How would you rate my reply?
Satisfaction Rating IconsThanks and regards,
Mushrit—
Mushrit Shabnam
Support Engineer at YoastWant to further optimize your website? Improve your SEO skills with our online SEO training courses!
Have you seen our Help Center? This will probably have the answer you’re looking for!
Dave Sorenson replied
Jun 28, 16:56
yes to both, they have been this way for quite awhile
Mushrit replied
Jun 28, 14:43
Hi Dave,Thank you for your reply
We understand you are facing Readability: Not available from the Yoast SEO. I am sorry for the situation you are facing. We are here to help.
Kindly confirm you have configured the following settings:
Can you confirm you have the right user permissions? You can check by going to WordPress dashboard > Users >Profile >Yoast SEO settings (may need to scroll down) and confirm that both “Disable SEO analysis” and “Disable readability analysis” are not checked? Please remove checkmarks if you have any and then click save. Please check the screenshot attached to this email named “permission”.
Can you confirm that the SEO, Readability, and Insights are all enabled by going to Yoast SEO > Settings >Site Features and checking that SEO Analysis, Readability Analysis, and Insights are all set to ‘On’? Please check the screenshot attached to this email named “Settings”
Kindly make sure you have configured as suggested above. Then check if the issue exists.We look forward to your reply.
In reply to: Comment fundtion on normal page doesn’t work
Hi Mike,
Morning.
But I cannot find the avia-post-nav on my quick CSS:
here is the code I have right now:
.entry-content blockquote {
margin: 1.5em 0em!important;
font-size: 137%!important;
color: rgb(58, 140, 174)!important;
font-style: italic!important;
background: #efefef!important;
padding: 1em!important;
text-align: left!important;
quotes: “\201C””\201D””\2018″”\2019”;
}.entry-content blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.entry-content blockquote p {
display: inline;
}.footer_color {
border: none;
}/* Generated by Font Squirrel (//www.fontsquirrel.com) on April 15, 2015 */
@font-face {
font-family: ‘verbextralight’;
src: url(‘/webfonts/extralight-webfont.eot’);
src: url(‘/webfonts/extralight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/extralight-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/extralight-webfont.woff’) format(‘woff’),
url(‘/webfonts/extralight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/extralight-webfont.svg#verbextralight’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
@font-face {
font-family: ‘verbregular’;
src: url(‘/webfonts/regular-webfont.eot’);
src: url(‘/webfonts/regular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/regular-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/regular-webfont.woff’) format(‘woff’),
url(‘/webfonts/regular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/regular-webfont.svg#verbregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbsemibold’;
src: url(‘/webfonts/semibold-webfont.eot’);
src: url(‘/webfonts/semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/semibold-webfont.woff2’) format(‘woff2’),
url(‘/webfonts/semibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/semibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/semibold-webfont.svg#verbsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondlight’;
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.svg#verbcondlight’) format(‘svg’);
font-weight: normal;
font-style: normal;}*/
@font-face {
font-family: ‘verbcondregular’;
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.svg#verbcondregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
@font-face {
font-family: ‘verbcondsemibold’;
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot’);
src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.woff’) format(‘woff’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.ttf’) format(‘truetype’),
url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.svg#verbcondsemibold’) format(‘svg’);
font-weight: normal;
font-style: normal;}
/*
html, body, div, p { font-family: ‘verbregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbsemibold’; font-weight: normal;text-transform:none!important; }*/html, body, div, p { font-family: ‘verbcondregular’; }
h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbcondsemibold’; font-weight: normal;text-transform:none!important; }.button-transition-blue {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}.button-transition-blue:hover {
background:#3a8cae!important;
}.big-thin {
font-size: 1.6em;
line-height:1.2em;
font-family:’verbextralight’;
color:white;
}.image-overlay {
visibility: hidden;
}#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #f9a456!important;
border: 0px solid white;
}.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 100px;
}@media only screen and (max-width: 767px) {
.big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
padding-bottom: 20px;
}
}.big-thin span.av-icon-char {
line-height: 1em!important;
margin-right: 10px;
}#top .av_header_transparency #header_meta {
border:none;
}div#content {border-color:transparent!important;}
#top .chatlio-widget textarea {
line-height: unset!important;
min-height: unset!important;
}/*this changes the width of the tabs */
.av-inner-tab-title {
width: 200px !important;
font-size: 13px !important;
font-weight: medium !important;
}/*this adjusts the tab arrow */
.av-tab-arrow-container {
width: 200px !important;
}/*this CSS styles the scroll down arrow */
#top .scroll-down-link {
/*color: #f9a456 !important; */
font-size: 150px;}
/* This styles the animated icon list on the PS page */
.card-container {
cursor: pointer;
height: 530px;
perspective: 600;
position: relative;
width: 100%;
margin-bottom: 25px ;
}.card {
height: 100%;
position: absolute;
border-radius: 6px;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
width: 100%;
}.card:hover {
transform: rotateY(180deg);
}.card .side {
backface-visibility: hidden;
border-radius: 6px;
height: 530px;
position: absolute;
overflow: hidden;
width: 100%;
}.card .back {
padding: 20px;
background: #eaeaed;
color: #606a71;
line-height: 20px;
text-align: left;
transform: rotateY(180deg);
}/* the following css snippets adjust the icon list that is on the PS page */
.horizontal-icon-list ul.avia-icon-list li {
float: left;
clear: none;
width: 20%;
}.horizontal-icon-list .iconlist-timeline {
display: none;
}div.description {
position:absolute; /* absolute position (so we can position it where we want)*/
bottom:0px; /* position will be on bottom */
left:0px;
width:100%;
/* styling bellow */
background-color: #eaeaed;
color: #606a71;
}p.description_content{
padding:10px;
margin:0px;
font-size: 15px;
}@font-face {
font-family: ‘Font Awesome 5 Free’;
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(“../webfonts/fa-solid-900.eot”);
src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }.fa,
.fas {
font-family: ‘Font Awesome 5 Free’;
font-weight: 900; }@media only screen and (max-width: 700px) {
.cta_text_block p {
line-height: 1.5em;
}}
@media only screen and (max-width: 700px) {
.section_heading h2 {
line-height: 1.5em;
}}
/* this targets the Learn More btn on the Tech services page */
.sleeknote-btn {
display: flex;
/*justify-content: space-around;*/
}/* this adjusts the padding on the Tech services page */
.custom-btn-slknte {
padding-right: 10px;
}/* This removes the comments from the blog */
.slide-content .slide-meta .slide-meta-comments a, .slide-content .slide-meta .slide-meta-del {
display: none;
}/* Centers the text on blog page */
.hero-blog-entry-center {
text-align: center;
}.hero-blog-entry-center .read-more-link {
display: block;
text-align: center;
margin: 30px auto 20px auto;
clear: both;
width: 150px;
border: none;
border-style: solid;
border-width: 2px;
border-color: #3a8cae;
padding: 10px 0;
border-radius: 5px;
}.hero-blog-entry-center .read-more-link .more-link-arrow {
display: none;
}.new-blog .av-masonry-entry .av-inner-masonry-content {
height: 158px;
}.logo-bg {
position: absolute;
top: 400px;
right: -400px;
opacity: 0.05;
z-index: -10;
transform: rotate(-30deg);
}/*—————————————-
// CSS – Content Slider style – 2
//————————————–*//* Slider Background */
#top .av-contentslider-style-2 {
margin: 20px 50px;
background: #ffffff;
}/* Arrow position */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 999;
}/* Right arrow*/
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
right: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
content:’\e875′;
}/* Left arrow */
.av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
left: -35px !important;
}
/* Arrow icon */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
content:’\e874′;
font-family: ‘entypo-fontello’;
}/* Common arrow styles */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
color:#fff;
font-weight: bolder;
font-size: 24px;
background: #f9a456;
width: 30px;
height: 30px;
}#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
background: transparent;
top:3px;
}/* Arrow hover style */
#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
opacity: 1;
background: #fab677;
}.testimonial-cta {
background-color: rgba(255, 255, 255, 0.9);
}/* .testimonial-col {
height: 400px;
} *//* enfold social media icons fix */
.social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vk a::before, .av-social-link-vk a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_mail a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_dribble a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_youtube a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_instagram a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}
.social_bookmarks_vimeo a::before {
font-family: ‘entypo-fontello’;
content: ‘’;
}/* end enfold social media icons fix */
.standards-solutions-container {
display: flex;
justify-content: space-evenly;
}.standards-text-container {
width: 500px;
}.testimonial-container {
display: flex;
justify-content: space-evenly;
}.img-container-test {
}
.text-container-test {
width: 500px;
margin-right: -60px;
}.solutions-hover:hover {
-ms-transform: translate(0, -5px);
transform: translate(0, -5px);
transition: 0.3s ease-in-out;
cursor: pointer;
}.hero-ul-list {
width: 400px;
margin-bottom: 40px;
column-count: 2;
padding: 0;
}.hero-ul-list li {
line-height:1.5em;
float:left;
list-style-type: square;
}/* NEW EDIT */
h1.headerh1 {
position: absolute;
top: 100px;
z-index: 9999;
text-align: center;}
#product-feature .flex_column {
width: 40%;
}
/* CSS Code by Agus */@media all and (min-width:1025px){
.hero-content{
min-height:863px !Important;
}
}/*.home-heading h1{
font-family:’verbregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}*/.home-heading h1{
font-family:’verbcondregular’ !important;
font-size:38px !important;
color:#fff !important;
text-align:center;
line-height:1.4em;
letter-spacing:-0.5px !Important;
margin-bottom:20px !important;
}.home-heading span.orange,
.main-heading span.orange{color:#f69345 !important}.btn-product-tour span:before{
background:#fff !Important;
padding:9px;
border-radius:30px;
border:1px solid #fff !important;
color:#f69345 !important;
}.btn-product-tour:hover span:before{
border:1px solid #f69345 !important;
}.btn-product-tour .avia_iconbox_title{
margin-right:5px;
font-weight:600 !important;
}.hero-image img{
margin-top:-485px !important;
margin-bottom:-150px;
}.general-button span{
font-family: ‘Poppins600’ !important;
font-weight: 600 !important;
}.products .entry-content-wrapper{
max-width:1100px;
margin:0 auto;
}#products{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.main-heading h3{
font-family: ‘verbsemibold’ !important;
font-weight: 600 !important;
}/*.main-heading span.special_amp{
font-family:”verbregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}*/.main-heading span.special_amp{
font-family:”verbcondregular” !Important;
font-size:1em !important;
font-style:normal !Important;
}.features{
height:400px !important;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(29px);
border-radius: 10px;
transition: all 0.2s ease-in-out;
border: 1px solid #5597bf;
}.features p{
margin-right:80px !important;
}.features:hover{
background:#fff !important;
}
.features:hover h2{
color:#f69345 !important;
}.features:hover h4{
color:#000 !important;
}
.features:hover p{
color:#4d4d4d !important;
}
.products .flex_column_table{
margin-top:70px !important;
}.content-slider{
overflow:visible !Important;
}.content-slider .avia-content-slider-inner{
max-width:1140px !Important;
margin:0 auto;
}.content-slider .slide-entry{
border-radius: 10px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00000026;
padding:12px;
}.content-slider .slide-entry img{
border-radius:10px !Important;
}.content-slider .slide-entry h3{
font-family:Roboto, sans-serif !important;
color: #051728 !important;
font-size: 22px !important;
font-weight: 600;
line-height: 33px;
margin-top: 4px;
max-height:98px;
overflow:hidden;
}.content-slider a.more-link{
font-family: “Roboto”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding: 0px 0px 0px 0px;
border-radius: 0px;
color: #458350;
margin-top: 5px;
}.content-slider .slide-content{
padding:10px !important;
}.content-slider .avia-content-slider-inner{
overflow:visible !Important;
}.content-slider .av_one_third,
.success-story .av_one_third{
margin-left: 3%;
width: 31.333333333333332%;
}.content-slider .av_one_third.first,
.success-story .av_one_third.first{
margin-left:0px !important;
}.content-slider .avia-slideshow-arrows a.next-slide{ right: -40px !important}
.content-slider .avia-slideshow-arrows a.prev-slide{ left: -40px !important}
.content-slider .avia-slideshow-arrows a.next-slide,
.content-slider .avia-slideshow-arrows a.prev-slide{
border-radius: 50px !important;
font-size: 16px !important;
height: 41px !important;
width: 41px !important;
}.content-slider .avia-slideshow-arrows a:before{
border-radius:50px !Important;
line-height: 41px !important;
background:#f69345 !Important;
color:#fff !Important;
border:1px solid #f69345;
}.content-slider .avia-slideshow-arrows a:hover:before{
background:#fff !important;
color:#f69345 !important;
}.content-slider .avia-slideshow-arrows a{
top:50% !important;
opacity:1 !important;
}.success-story h3{
display:none !Important;
}/*.success-story h2{
font-family:’verbregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}*/
.success-story h2{
font-family:’verbcondregular’ !important;
color:#051728 !important;
line-height:1.4em !Important;
margin-top:0px !Important;
font-weight:600;
-webkit-font-smoothing:antialiased;
}.success-story p{
font-size:16px !important;
}.success-story a.read-more{
color: #458350;
font-family: “Vern font”, Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 19px;
position:absolute;
bottom:17px;
}.success-story .slide-entry{
min-height:463px;
border-radius:10px;
padding:15px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D9D9D9;
transition: background 0s, border 0s, border-radius 0s, box-shadow 0s !Important;}
.success-story .slide-entry-wrap{
padding:0px 20px;
margin:0 auto !Important;
}.success-story .avia-slideshow-arrows {
position: absolute !important;
width: 100% !important;
top: 50% !important;
left: 0;
height: 41px;
}.success-story .avia-slideshow-arrows a{
height:41px !Important;
width:41px !important;
line-height:41px !important
}.success-story .avia-slideshow-arrows a:before{
line-height:41px !important;
font-size:16px !important
}.success-story a:before{
border:none !Important
}.success-story a.prev-slide{
left:-40px;
}.success-story a.next-slide{
right:-40px !important;
}
.success-story a.prev-slide, .success-story a.next-slide{
min-width:41px !important;
border-radius:50px;
border:1px solid #f69345 !Important;
background:#f69345 !important;
color:#fff !important;
}.success-story a.prev-slide:hover, .success-story a.next-slide:hover{
background:#fff !important;
color:#f69345 !important;
opacity:1 !important;
}.home-subscribe{
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(29,98,160,1) 75%) !important;
}.home-footer{
background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
}.home-footer img{
width:174px !Important;
}
.home-footer .avia-image-container{
text-align:left !important;
margin-bottom:20px;
}.home-footer p{
font-size:16px;
color:#BED3E4;
padding-right:100px;
}.home-footer h3{
font-size:20px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}/*.home-footer h5{
font-family:”verbregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}*/.home-footer h5{
font-family:”verbcondregular” !Important;
font-size:16px !important;
color:#ffffff !important;
margin-bottom:20px !important;
}.home-footer h6{
font-family:”verbcondregular” !Important;
font-size:14px !important;
color:#ffffff !important;
}.home-footer li{border-width:0px !Important}
.home-footer li a{font-size:14px !important;color:#D8E9F1 !Important;padding:5px 0px !important;line-height:1.5em !Important}.home-footer li a:hover{background:transparent !Important;color:#D8E9F196 !important}
.home-footer .av-share-box ul li a{
width:38px !Important;
height:38px !important;
margin-right:12px;
padding-top: 10px !important;
background: #f69345 !important;
}.home-footer .av-share-box ul li:hover a{
margin-top:-10px !important;
}.home-copyright{
border-top:1px solid #fff !Important;
padding-top:25px;
}.home-footer .template-page{
padding-bottom:20px !Important;
}@media all and (max-width:1024px){
.features p{margin-right:0px !important}
.avia-section-huge .content{padding-top:60px !important;padding-bottom:60px !Important}
.main-heading{margin-bottom:20px !Important;padding-bottom:0px !Important}
.home-footer p{padding-right:50px !Important}
.hero-content{min-height:720px !Important}
}
@media all and (max-width:767px){
.home-heading h1{font-size:32px !important;line-height:1.2em !Important;}
.hero-content{padding:40px 25px 25px 25px !important}
.hero-image img{margin-top:-185px !important}
.hero-content{min-height:auto !Important}
.infographic{padding:0px !important}
#domain-expertise .av_one_half,
#professional-services .av_one_half,
#innovative-software .av_one_half{padding:0px !Important}
.products .av_one_half{padding:25px !important}
.products .first{margin-bottom:85px !Important;overflow:hidden;}
.home-subscribe {
background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0) 85%, rgba(29,98,160,1) 85%) !important;
}
}Topic: Menüpunkte scroll to ID
Hallo,
ich habe ein normales Hauptmenü mit verschiedenen Seiten.
Und dann habe ich Untermenüs, die zu einer ID innerhalb der Seite (Sprtkurse) rollen.
Dafür habe ich bei meinem Menü “Individuelle Links” angelegt und mit der ID des Elements auf der Seite verlinkt (z.B. #id_wsg).
Auf meinem Desktop PC und meinem Handy funktioniert es, aber auf dem IPad funktionieren die Links nur, wenn ich schon auf der Seite bin, in der die IDs angesprochen werden.
Wenn ich aber von einer anderen Seite aus dahin will, funktioniert es nicht.
Ich vermute deshalb, weil der Pfad nicht vollständig ist.
Wenn ich aber versuche unter bei meinem “individuellen Link” den Pfad zu vervollständigen, z.B. “sportgruppen/#id_wsg”,
dann ergänzt das Theme automatisch auf http://sportgruppen/#id_wsg
Das ist natürlich Unsinn!
Was kann ich tun?Hier der Link
Vielen Dank
für die HilfeThanks very much for your suggestion, Mike. It helped me look quite deeply into this issue using Chrome’s debugger. I want to first apologise to you for keeping things so complicated using my in-development home page, which is quite complicated, instead of creating a test page for this topic question–which is exactly what I did to debug this issue after your reply.
It turns out that the stackoverflow suggestion doesn’t work. Their suggestion is to add itemOpts.index = index; before the mfp._openClick({mfpEl:items}, jqEl, itemOpts); line as follows:
$.fn.magnificPopup = function(options) { _checkInstance(); var jqEl = $(this); // We call some API method of first param is a string if (typeof options === "string" ) { if(options === 'open') { var items, itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup, index = parseInt(arguments[1], 10) || 0; if(itemOpts.items) { items = itemOpts.items[index]; } else { items = jqEl; if(itemOpts.delegate) { items = items.find(itemOpts.delegate); } items = items.eq( index ); } itemOpts.index = index; // Added line per https://stackoverflow.com/questions/49131727/open-all-images-on-page-with-magnific-popup mfp._openClick({mfpEl:items}, jqEl, itemOpts); } else { if(mfp.isOpen) mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1)); } } else { // clone options obj options = $.extend(true, {}, options); /* * As Zepto doesn't support .data() method for objects * and it works only in normal browsers * we assign "options" object directly to the DOM element. FTW! */ if(_isJQ) { jqEl.data('magnificPopup', options); } else { jqEl[0].magnificPopup = options; } mfp.addGroup(jqEl, options); } return jqEl; };The problem is that that bug fix never even gets to run because it’s encapsulated within the IF condition of typeof options === “string”, as you can see above. So if you look at BOTH:
(1) us Enfold users:
links.not(options.exclude).addClass('lightbox-added') .magnificPopup($.avia_utilities.av_popup);where $.avia_utilities.av_popup === {type: ‘image’, mainClass: ‘avia-popup mfp-zoom-in’, tLoading: ”, tClose: ”, removalDelay: 300, …}
(2) and the Original Poster to that stackoverflow thread:
$('#content').magnificPopup({ items: $imgs, type: 'image', gallery: { enabled: true }, });you can see that typeof options === “object”! So it wouldn’t work for either of us (the OP coincidentally was wanting to do the exact same thing as me, to “enable magnific popup on all images on my page”). Unfortunately, the OP never responded to the reply person’s bug fix suggestion, so the thread never went further in order to highlight the failure of the suggestion for the OP.
After ruling out magnific’s code as the culprit of my problem, I focused on avia-snippet-lightbox.js and its code at the end of its function, $.fn.avia_activate_lightbox = function(variables):
return this.each(function() { var container = $(this), videos = $(options.videoElements, this).not(options.exclude).addClass('mfp-iframe'), /*necessary class for the correct lightbox markup*/ ajaxed = ! container.is('body') && ! container.is('.ajax_slide'); for( var i = 0; i < options.groups.length; i++ ) { container.find(options.groups[i]).each(function() { var links = $(options.autolinkElements, this); if( ajaxed ) { links.removeClass('lightbox-added'); } links.not(options.exclude).addClass('lightbox-added').magnificPopup($.avia_utilities.av_popup); }); } });Sure enough, this is the culprit. What’s happening in this code above is that:
(1) the outer loop, controlled by the FOR loop, searches the <body> DOM for each class in the options object (.avia-slideshow, .avia-gallery, .av-horizontal-gallery, .av-instagram-pics, .portfolio-preview-page, .portfolio-preview-content, .isotope, .post-entry, .sidebar, #main, .main-menu, & .woocommerce-product-gallery); and if it finds the current options[i] in the <body> DOM, then:
(2) the inner loop, controlled by “.each(function()”, looks for every instance of that options[i] in body and adds the images within that sub-DOM instance to the links object “array”. In other words, it creates multiple lightboxes per page–and, in fact, NOT JUST a separate one for each options[i] image set (from the outer loop), BUT ALSO a separate lightbox for each instance of options[i] as well.
But I want a single lightbox for all linked images on a page, i.e. a single image set that is sent to magnific. Specifically, for me, options[7]===’.post-entry’ is not only found in outer 1/1, 1/2, etc. layout sections, in which I may put images, but also in Color Sections, in which I will definitely put images, perhaps in inner 1/1, 1/2, etc. layout sections within the Color Sections. It’s the Color Section that ends up separating out ‘.post-entry’ images from each other, creating multiple image sets sent to magnific for separate lightboxes (notice the <div class=’post-entry post-entry-type-page post-entry-31′> line):
<div class='avia-section av-lib3uyi7-57ce06e0452ac92eb7d4393a8384e180 main_color avia-section-default avia-no-border-styling avia-builder-el-62 el_after_av_section el_before_av_section mainPageBodyThreeCols avia-bg-style-scroll container_wrap fullsize' > <div class='container av-section-cont-open' > <div class='template-page content av-content-full alpha units'> <div class='post-entry post-entry-type-page post-entry-31'> <div class='entry-content-wrapper clearfix'> <div class='flex_column av-i3z0f-243165cc077a80e50bbee8f020d21535 av_one_third avia-builder-el-63 el_before_av_one_third avia-builder-el-first first flex_column_div ' > <div class='avia-image-container av-lib47uf4-9660e94fab46a96b36ab619c8b679a09 av-styling- avia-align-center avia-builder-el-64 el_before_av_textblock avia-builder-el-first av-group-lightbox' itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" > <div class="avia-image-container-inner"> <div class="avia-image-overlay-wrap"> <a href="...dentures.jpg" class='avia_image' > <img decoding="async" class='wp-image-699 avia-img-lazy-loading-not-699 avia_image ' src="...dentures-300x264.jpg" alt='...' height="264" width="300" itemprop="thumbnailUrl" srcset="..." sizes="(max-width: 300px) 100vw, 300px" /> </a> </div> </div> </div>...In other words, each .avia-section (Color Section) has its own class=’post-entry post-entry-type-page post-entry-31′, so the images under that DOM are collected as a separate image set for a lightbox.
So I ended up just bypassing all of it, and replaced the code in avia-snippet-lightbox.js with my own child_avia-snippet-lightbox.js:
return this.each(function() { //Find all linked images var myLinks = $(options.autolinkElements, this); //Note: ".not(options.exclude)" is left out of this "myLinks.not(options.exclude).addClass(..." on purpose to impose the policy: if you want to exclude an image from the all-images set in the lightbox, just don't make it a link. Linked images excluded from the lightbox means if the user clicks on that linked image, it will follow that link, which is to open it's full size image, but without the lightbox's closing mechanism. Then the only way for the user to go back to the page is to click the Back button--which is bad UX. myLinks.addClass('lightbox-added').magnificPopup($.avia_utilities.av_popup); });And adding this to my child functions.php file:
add_action('wp_enqueue_scripts', 'magnific_script_fix', 100); function magnific_script_fix() { wp_dequeue_script('avia-lightbox-activation'); wp_enqueue_script('child_avia-lightbox-activation', get_stylesheet_directory_uri().'/child_avia-snippet-lightbox.js', array('jquery')); }Also, as you can see, I’ve left out “.not(options.exclude)” from myLinks.not(options.exclude).addClass(‘lightbox-added’).magnificPopup($.avia_utilities.av_popup) for the following reason: If I put it in, then, yes, the images with those exclusion classes will be excluded from the lightbox. But they are still linked images: so if a user clicks on one of them, it will follow that link, which is to open it’s full size image, but without the lightbox’s closing mechanism. So the only way for the user to go back to the page is to click the Back button–which is bad UX.
FYI: I attempted to figure out a way to add each of those excluded images in its own individual one-image lightbox, but I just couldn’t even figure out how Enfold does the not(options.exclude), as a starting point (going step by step in the debugger to see how it’s doing it was a bewildering experience), so I just gave up. So I just gave myself the policy: if you want to exclude an image from the all-images set in the lightbox, just don’t make it a link. Lol. Yes, I could have left the .not(options.exclude) in there and just not used it per my policy, but I wanted to make sure the UX stays correct by preventing me (or anyone else maintaining the site) from having any effect to forgetting the policy and adding e.g. “noLightbox” to an image’s Custom CSS Class field, expecting it to be excluded from the lightbox, but still keeping the image’s link active. No: if I (or they) go into the code, they’ll see there is no .not(options.exclude) at all, and read the comment in the code, to see why their image is not getting excluded from the lightbox.
So, anyway, that’s my solution to my particular problem. I appreciate your help, Mike. Unless you have some solution code for me to include those excluded images in their own individual one-image lightboxes (which would be helpful to just round up this solution, in case others want to use it), you may close this thread.
Thanks very much,
GaryTopic: Popup
Hi, i use this solution for a popup window from another post:
Hey axelfx07!
Thank you for using Enfold.
The Enfold uses MagnificPopup as default lightbox plugin. You can add this on functions.php:
function popup_inline() { ?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘.open-popup-link’).magnificPopup({
type:’inline’,
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source in href.
});
});
</script>
<?php }add_action(‘wp_head’, ‘popup_inline’);
Then use this on a text block:<div id=”test-popup” class=”white-popup mfp-hide”>
<p>PLACE CONTENT HERE</p>
</div>Show inline popup
Add this on Quick CSS or custom.css:.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
Remove browser cache then reload the page a few times.Cheers!
IsmaelIt works great, but on my mobile it scrolls automatically to the top on the page and the content of the popup doesn’t shown.
Script is on “360° Tour” button on the bottom of the sidebar. Link ist in private content.
May anybody have a solution to position it on the top of the mobile.
Thank you for helping!
In reply to: Slide show
Hi,
I believe there is some confusion here, this thread is about the slide show and not the accordion.
Pease see your first post:I have a slide show with navigation controls that autoplay. Once I touch it and scroll (or left or right) it stop autoplay.
Perhaps you meant to post your comment in a different thread?
I restored your fallback slideshow.js file.Best regards,
MikeTopic: Slide show
Hello guys!
I have a slide show with navigation controls that autoplay. Once I touch it and scroll (or left or right) it stop autoplay. How to change that? The slide show should go on…
Please check!Hi,
Thank you for the information.
The following css code seems to help fix the scrolling effect issue.
/* Fix scrolling scene effect issue on the home page */ .home #layer_slider_5 { height: auto !important; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelHi,
I use the enfold-theme to create a landing-page with most of information on.
The menu in the header works fine and if you click an item of it, it automatically scrolls down to the specific area on that landing page.But if I add an extra / separate page on the website, this page’s menu isn’t working anymore because it refers to a specific area of the home page (landing page).
How can I handle this best?
FYI:
—-
When I go to settings: “Menu’s”, go to the “main-menu” and click a menu item like this, I see:* Menu-item is an “adjusted link” (to scroll down to specific area on home-page)
* URL = #expertises
* Menu Style = default style
* Use as mega menu = unchecked.Kind regards.
Caroline.I have Layer Slider – WordPress plugin,
90% of the things are working with Enfold theme.There is function that call “Scroll Scene” which not working.
kreatura Team (Layer Slider), report me what can cause the problem :
Hey Tamir,
I’ve investigated your site and found that all sliders have container elements (DIV elements which are created by your theme builder, I think). These DIV elements have height property applied, but all container elements of scroll scene sliders must have auto height. So the solution would be to remove those height properties from the DIV elements.
Best Regards,
George | Kreatura Dev TeamHow can i fix this problem ?
Thank youTamir
