-
Search Results
-
In reply to: Youtube video not blocked properly
Is it too complicated for you to implement?
maybe this is better – ( as mentioned above – the second button had to be not an anchor link leading to an id of a color-section or something like this )function inline_popup_youtube_link() { ?> <script type="text/javascript"> (function($){ $(window).on('load', function () { $('.custom-class').find('a[href^="#"]').addClass('no-scroll'); $('.custom-class').magnificPopup({ delegate: 'a[href^="#"]', type:'inline', midClick: true, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_youtube_link', 9999);Borlabs can block iframes – see : Borlabs – Content Blocker – Youtube :
This is the shorcode i put inside a div – and set for the div a class : mfp-hide
This class is the magnificPopup class that is set to display: none
With that code above – every anchor link that starts with “#” inside that custom-class ( you can have every other name for it ) will open in a lightbox. In this case it is that youtube film – blocked by borlabs cookie til you consent.
The button itself is linking to manual #youtube-film ( this had to correlate with the div ID that you like to open )<div id="youtube-film" class="mfp-hide">[borlabs-cookie id="youtube" type="content-blocker"]<iframe width="100%" height="800" src="https://www.youtube-nocookie.com/embed/Uzjt3fvIlnY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]</div>In reply to: Youtube video not blocked properly
well – borlabs offers an iframe option.
- something like this placed on that page in a codeblock element:
<div id="youtube-film" class="mfp-hide">[borlabs-cookie id="youtube" type="content-blocker"]<iframe width="100%" height="800" src="https://www.youtube-nocookie.com/embed/Uzjt3fvIlnY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]</div>
The mfp-hide class will ensure that the div in the codeblock isn’t visible. - your button is linking to that ID: #youtube-film ( if you got more than one film – each got his own id ) for each a unique div with that id (could be in the same codeblock)
- Give a custom-class to your button!
- Then you had to make your own magnificPopup script to open that class in an inline popup ;)
the custom-class as trigger withmidclick=true, type= 'inline', delegate: 'a',as option
Link
maybe you include in that script outside that magnificPopup function
$('.custom-class').find('a').addClass('no-scroll');
PS: it will work – but with two buttons on that slider we had to find better selectors ! otherwise the second button will be triggered too.as mentioned above give a custom-class in this case to the slider
function inline_popup_youtube_link() { ?> <script type="text/javascript"> (function($){ $(window).on('load', function () { $('.custom-class').find('a[href*="youtube"]').addClass('no-scroll'); $('.custom-class').magnificPopup({ delegate: 'a[href*="youtube"]', type:'inline', midClick: true, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_youtube_link', 9999);PPS: because the link isn’t really a youtube link ( remember the link goes to that div with ID: #youtube-film )
if you like to use it on other places – the ID must have a string with “youtube” maybe you can name them #youtube-1, #youtube-2 etc.OR choose as selector: for the anchor :
a[href^="#"]( replace it on both lines ) – it means the link starts with #
But then the second button in the slider must not be an anchor link of the page. This would also fall into the trigger.
________
Das dort die Vorschaubilder von Youtube gezeigt werden in einer lokalen Version ( daher meine Frage oben ) – wird bei dir nicht der Fall sein !
Es wird das Standard Borlabs Preview image gezeigt werden.
Da habe ich ordentlich borlabs und youtube kenntnisse mit eingebracht und eigene Scripte geschrieben.In reply to: Tab-Section: all tabs closed
Hey emilconsor,
Thank you for the inquiry.
You will have to directly modify the enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php file. Look for this code around line 567.
/** * Bugfix: Set no-scroll to avoid auto smooth scroll when initialising tab section and multiple tab sections are on a page - removed in js. */ $active_tab = $i == $atts['initial'] ? 'av-active-tab-title no-scroll' : '';Above it, add this code to set the initial tab to zero.
$atts['initial'] = 0;Best regards,
IsmaelHi Sirpa,
You can use this shortcode for the page you linked to:
[av_section min_height='100' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='sign-up' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.7' overlay_color='#6a9fd5' overlay_pattern='' overlay_custom_pattern='' av_uid='av-18ti74'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='no_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' av_uid='av-4fo8g'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks1_blur.png' attachment='164' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-17jhsk'][/av_image] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='3px' radius_sync='true' background_color='rgba(0,0,0,0.4)' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' av_uid='av-173dgw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/logo_landing-page1.png' attachment='31' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='top-to-bottom' av_uid='av-16ishw'][/av_image] [av_heading tag='h2' padding='0' heading='By far the easiest and best way to <strong>launch a product or service</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='28' subheading_active='' subheading_size='15' custom_class='' av_uid='av-15ygv0'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-156oxs'] [av_contact email='' title='' button='Sign up' on_send='' sent='Thanks for registering! Your Beta invitation will be sent to the email address you provided.' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form' av_uid='av-14umlo'] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_two_third' multi_select='' av_uid='av-148zl8'][/av_contact_field] [/av_contact] [/av_two_fifth] [/av_section] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='features' av_uid='av-13d01o'] [av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-12w2k0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-dtdw'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue806' font='entypo-fontello' title='Great Taste' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-11rnjg'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-114tpc'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue891' font='entypo-fontello' title='Easy Recycling' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-10hsgk'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-zv5vk'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue8cf' font='entypo-fontello' title='Easy Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-zkr6o'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth][av_cell_one_fifth vertical_align='bottom' padding='40px,0px,0px,0px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-z4bfw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks_single_blue.png' attachment='159' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='pop-up' av_uid='av-y947s'][/av_image] [/av_cell_one_fifth][av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-xucqg'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-x1d50'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8d3' font='entypo-fontello' title='Multiple Flavors' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-389ys'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-w02us'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8cd' font='entypo-fontello' title='Mostly Water' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-vfo20'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-33ew0'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue80a' font='entypo-fontello' title='Helps your body' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-u7pyg'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='customers' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='center right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-tla8o'] [av_heading tag='h2' padding='0' heading='What our customers say' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-t0buc'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-sfwqg'] [av_testimonials style='slider_large' columns='2' interval='10' font_color='' custom_title='' custom_content='' av_uid='av-rsfr0'] [av_testimonial_single src='168' name='Maci Mulsta' subtitle='CEO' link='#' linktext='Supra Media' av_uid='av-r15yk'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_testimonial_single] [av_testimonial_single src='169' name='Sandra Funk' subtitle='Designer' link='#' linktext='Acomp' av_uid='av-qfnnk'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_testimonial_single] [/av_testimonials] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='pricing' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#576270' overlay_pattern='' overlay_custom_pattern='' av_uid='av-q65iw'] [av_heading tag='h2' padding='0' heading='Fair pricing. No hidden costs. Cancel anytime' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-pcuw8'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-oympc'] [av_one_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-obrv4'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-2cpjo'] [av_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table' av_uid='av-mouvk'] [av_row row_style='avia-heading-row' av_uid='av-m5ru8'][av_cell col_style='' av_uid='av-loqho']Basic Package[/av_cell][av_cell col_style='' av_uid='av-l0c68']Full Package[/av_cell][/av_row] [av_row row_style='avia-pricing-row' av_uid='av-kkevc'][av_cell col_style='' av_uid='av-jqg38']12$<small>per month</small>[/av_cell][av_cell col_style='' av_uid='av-j6cv4']24$<small>per month</small>[/av_cell][/av_row] [av_row row_style='' av_uid='av-iz3oc'][av_cell col_style='' av_uid='av-ibojk']1 shipment each week[/av_cell][av_cell col_style='' av_uid='av-hgbzs']2 shipments each week[/av_cell][/av_row] [av_row row_style='' av_uid='av-h6ogo'][av_cell col_style='' av_uid='av-gahwc']1 drink included[/av_cell][av_cell col_style='' av_uid='av-fw1ao']5 drinks included[/av_cell][/av_row] [av_row row_style='' av_uid='av-f6qc8'][av_cell col_style='' av_uid='av-eksak']no support[/av_cell][av_cell col_style='' av_uid='av-e2b8w']free support[/av_cell][/av_row] [av_row row_style='avia-button-row' av_uid='av-dmi9k'][av_cell col_style='' av_uid='av-1at48'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-c7jrw'] [/av_cell][av_cell col_style='' av_uid='av-bo6h4'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-ashw0'] [/av_cell][/av_row] [/av_table] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-aifuo'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='faq' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-a0pi4'] [av_heading tag='h2' padding='0' heading='Frequently asked questions' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-93ogk'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uiuo'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-7y28g'] [av_heading tag='h3' padding='10' heading='How does the beta trial work?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7pdck'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-6r5mw'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis <a href="#">dis parturient</a> montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-63yu4'] [av_heading tag='h3' padding='10' heading='Can I change plans later?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-5in0g'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-4z0as'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis <strong>pretium</strong>. Integer tincidunt. [/av_textblock] [/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-4rfro'] [av_heading tag='h3' padding='10' heading='How do you handle delivery?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-40ln4'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-39ptg'] Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. <strong>Aliquam lorem</strong> ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-2hpn0'] [av_heading tag='h3' padding='10' heading='Which payment options do I have?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-87zw'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-1lf50'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_textblock] [/av_one_half][/av_section][av_button_big label='Sign Up Now' description_pos='below' link='manually,#sign-up' link_target='' icon_select='yes-left-icon' icon_hover='aviaTBicon_hover' icon='ue805' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#576270' color_hover='custom' custom_bg_hover='#f4ca86' av_uid='av-sri4'] And get access to our early beta! [/av_button_big]The element in your screenshot is a custom element created by us, there are no shortcodes for that element unfortunately.
Best regards,
RikardIn reply to: Page Scroll Up on Accordion Click
Hey Mohamad,
Thank you for your patience, can you please check the toggle “WHAT ARE THE 3 VOUCHERS GRANTED WITH THE COURSE?” as the content is not showing, perhaps there is a nested div error causing the issue.
Also can you include an admin login I would like to disable this script temporarily:jQuery(window).load(function(){ jQuery('.open-popup-link').addClass('no-scroll'); jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { jQuery('body').css("overflow-y", "hidden"); }, close: function() { jQuery('body').css("overflow-y", "auto"); }, }, }); });Can you also link to a couple of similar pages where this is not happening, on those pages are the toggles at the top of the page?
Best regards,
MikeHello! Sorry for the delay. I’ve hacked things a bit but one item remains – when mobile, the logo reverts back to the non transparent version. Here’s all of my code (functions.php and css), to help others as well:
functions.php
//-------------------------------- // hack to use trans logo //-------------------------------- function custom_script() { ?> <script> (function ($) { $(window).load(function() { $("#top.page-id-932 #header").addClass('av_header_transparency'); $('#top.page-id-932 .logo').append('<span class="subtext"><img src="https://oneoakaustin.com/wp-content/uploads/2021/07/One-Oak-Bouldin-Creek-logo-transparent.svg" class="alternate" alt="Corporate logo" title=""></span>'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and my css:
/************************************************** logo swap hack in functions.php addition - home option page - 932 #header_main bg needs to be transparent **************************************************/ #top.page-id-932 #header.av_header_transparency, #top.page-id-932 .av_header_transparency #header_main { /* background: rgba(0, 0, 0, 0.5)!important; */ } /* force main bg on scrolling */ #top.page-id-932 .header_color .header_bg { /* background: #4a4747!important; dk mushroom */ } /* force pancake lines closed */ #top.page-id-932 .header_color .av-hamburger-inner, #top.page-id-932 .header_color .av-hamburger-inner::before, #top.page-id-932 .header_color .av-hamburger-inner::after { background-color: #c6b193 !important; /* taupe */ } /* force widget custom reg button */ #top.page-id-932 #header.header_color #header_main .widget a.buW2 { border: 1px solid #f2efee !important; /* off white */ color: #f2efee !important; /* off white */ background: #4a4747!important; /* dk mushroom */ margin-right: 50px !important; margin-top: 43px !important; width: 300px !important; } /* force pages to have a different bg after scrolling */ .page-id-932 #header_main { background: #4a4747!important; /* dk mushroom */ } /* custom main menu for alternate - before and after scrolling */ #top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text, #top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text { color: red!important; } #top .page-id-932 .av-main-nav li a:hover .avia-menu-text, #top .page-id-932 .av-main-nav li.current-menu-item > a > .avia-menu-text { color: blue !important; } #top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text, #top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text { color: blue !important; } /* smallest portrait phones *************************************************/ @media only screen and (max-width: 767px) { /* start max 767 */ #top.page-id-932 .responsive .logo img, .responsive.html_mobile_menu_tablet #top.page-id-932 .av_header_transparency.av_alternate_logo_active .logo a > img { height: 50px !important; width: auto!important; max-width: 100%; display: block; margin: 0px !important; /* max-height: 120px!important; */ } /* end max 767 */ }Hi there,
When clicking on the accordion toggles to expand its content, the page automatically scrolls to the top of the page (and therefore doesn’t show the actual content within the toggle and users have to scroll back down to go to the section. An example of this behavior can be found here: https://wearesrna.org/nmosd-drugs/eculizumab-soliris/
Not sure whether this has to with the previous update. We have been using accordions before and this has never happened. Would you be able to help, please?
Thank you,
RobertaIn reply to: Circle of death
I have tried disabling all of the plugins and that did not work. I keep seeing this error. That seems to be an ajax error, no?
[DOM] Found 5 elements with non-unique id #_ajax_nonce: (More info: https://goo.gl/9p2vKq) input#_ajax_nonce input#_ajax_nonce input#_ajax_nonce
accept: “”
accessKey: “”
align: “”
alt: “”
ariaAtomic: null
ariaAutoComplete: nullaria
Busy: null
ariaChecked: null
ariaColCount: null
ariaColIndex: null
ariaColSpan: nullaria
Current: null
ariaDescription: null
ariaDisabled: null
ariaExpanded: null
ariaHasPopup: null
ariaHidden: null
ariaKeyShortcuts: null
ariaLabel: null
ariaLevel: null
ariaLive: null
ariaModal: null
ariaMultiLine: null
ariaMultiSelectable: null
ariaOrientation: null
ariaPlaceholder: null
ariaPosInSet: null
ariaPressed: null
ariaReadOnly: null
ariaRelevant: null
ariaRequired: null
ariaRoleDescription: null
ariaRowCount: null
ariaRowIndex: null
ariaRowSpan: null
ariaSelected: null
ariaSetSize: null
ariaSort: null
ariaValueMax: null
ariaValueMin: null
ariaValueNow: null
ariaValueText: null
assignedSlot: null
attributeStyleMap: StylePropertyMap {size: 0}
attributes: NamedNodeMap {0: type, 1: id, 2: name, 3: value, type: type, id: id, name: name, value: value, length: 4}
autocapitalize: “”
autocomplete: “”
autofocus: false
baseURI: “https://globalvitiligofoundation.org/wp-admin/post.php?post=11&action=edit&classic-editor=1”
checked: false
childElementCount: 0
childNodes: NodeList []
children: HTMLCollection []
classList: DOMTokenList [value: “”]
className: “”
clientHeight: 0
clientLeft: 0
clientTop: 0
clientWidth: 0
contentEditable: “inherit”
dataset: DOMStringMap {}
defaultChecked: false
defaultValue: “29d1b59ebe”
dir: “”
dirName: “”
disabled: false
draggable: false
elementTiming: “”
enterKeyHint: “”
files: null
firstChild: null
firstElementChild: null
form: form#post
formAction: “https://globalvitiligofoundation.org/wp-admin/post.php?post=11&action=edit&classic-editor=1”
formEnctype: “”
formMethod: “”
formNoValidate: false
formTarget: “”height: 0
hidden: false
id: “_ajax_nonce”
incremental: false
indeterminate: false
innerHTML: “”
innerText: “”
inputMode: “”
isConnected: true
isContentEditable: false
labels: nulllang: “”
lastChild: nulllastElementChild: nulllist: nulllocalName: “input”max: “”maxLength: -1min: “”minLength: -1multiple: falsename: “_ajax_nonce”namespaceURI: “http://www.w3.org/1999/xhtml”nextElementSibling: nullnextSibling: nullnodeName: “INPUT”nodeType: 1nodeValue: nullnonce: “”
offsetHeight: 0offsetLeft: 0offsetParent: nulloffsetTop: 0offsetWidth: 0onabort: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullonauxclick: nullonbeforecopy: nullonbeforecut: nullonbeforepaste: nullonbeforexrselect: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncopy: nulloncuechange: nulloncut: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nullonfullscreenchange: nullonfullscreenerror: nullongotpointercapture: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonlostpointercapture: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpaste: nullonpause: nullonplay: nullonplaying: null
onpointercancel: nullonpointerdown: nullonpointerenter: nullonpointerleave: nullonpointermove: nullonpointerout: nullonpointerover: nullonpointerrawupdate: nullonpointerup: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonsearch: nullonseeked: nullonseeking: nullonselect: nullonselectionchange: nullon
selectstart: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullontransitioncancel: nullontransitionend: nullontransitionrun: nullontransitionstart: nullonvolumechange: nullonwaiting: nullonwebkitanimationend: nullonwebkitanimationiteration: nullonwebkitanimationstart: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullonwebkittransitionend: nullonwheel: nullouterHTML: “<input type=\”hidden\” id=\”_ajax_nonce\” name=\”_ajax_nonce\” value=\”29d1b59ebe\”>”outerText: “”ownerDocument: documentparentElement: td.leftparentNode: td.leftpart: DOMTokenList [value: “”]pattern: “”placeholder: “”prefix: nullpreviousElementSibling: div.submitpreviousSibling: div.submitreadOnly: falserequired: falsescrollHeight: 0scrollLeft: 0scrollTop: 0scrollWidth: 0selectionDirection: nullselectionEnd: nullselectionStart: nullshadowRoot: nullsize: 20slot: “”spellcheck: truesrc: “”step: “”style: CSSStyleDeclaration {additiveSymbols: “”, alignContent: “”, alignItems: “”, alignSelf: “”, alignmentBaseline: “”, …}tabIndex: 0tagName: “INPUT”textContent: “”title: “”translate: truetype: “hidden”useMap: “”validationMessage: “”validity: ValidityState {valueMissing: false, typeMismatch: false, patternMismatch: false, tooLong: false, tooShort: false, …}value: “29d1b59ebe”valueAsDate: nullvalueAsNumber: NaNwebkitEntries: []webkitdirectory: falsewidth: 0willValidate: false[[Prototype]]: HTMLInputElement input#_ajax_nonce input#_ajax_nonce
In reply to: problem embedding iframe
Rikard do you know if there is a way to set the height to be automatic based on the height of the content?
This doesn’t seem to work:
<iframe src=”https://www.gettingthereguide.com/latest_info” width=”100%” height=”100%” scrolling=”no” allowfullscreen=”allowfullscreen”></iframe>
In reply to: Bug with Google Maps and Tooltips by default.
Hi Alex,
We are aware of this problem, and it will be fixed in the coming release of the theme, which will be available within the next few days. Until then, you can find temporary fixes in these threads:
https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/
https://kriesi.at/support/topic/on-page-load-the-website-goes-to-the-bottom/If you want us to add the fix for you, then please include admin WordPress and FTP login details in private. Also please verify that you have backups of the site, in case something should go wrong.
Best regards,
RikardHey, I found a bug if you use Google Maps and tooltips by default.
If you open the webpage, after a few seconds the page scrolls down automatically to the beginning of google maps. If you disable the tooltip by default all works fine.
There are 2 webpages where you can see this bug:
I use version 4.8.3 on both pages.
Alex
update – i found the existing interim solution https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/ so this request can be closed – many thanks anyway.
hi there team!
hope you are well!
i have noticed that after a few automatic updates to my website, the site focus scrolls automatically all the way to the end/ footer of the page – any idea how i can stop that?
admin logins and link to site in the private content.
thanks so much!
jensIn reply to: Form in popup on mobile
yes – but think of jQuery 3.5.1 :
jQuery(window).load(function(){is deprecated now.
You had to use instead:jQuery(window).on('load', function(){or here in the code: Link
$(window).on('load', function(){ …and if it is the syntax is:
(function($){ … })(jQuery);you can write every jQuery inside as $: ( f.e. $(‘body’) }
function av_open_inline_popup(){ ?> <script type="text/javascript"> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'av_open_inline_popup');In reply to: Bug – Every page jumpes to footer
Hi,
Thanks for that. The problem is not with the footer functionality, but with Google Maps. Please check these threads for temporary solutions:
https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/
https://kriesi.at/support/topic/on-page-load-the-website-goes-to-the-bottom/Best regards,
RikardIn reply to: Lightbox
Hi,
You can add the code in the functions.php file via the Appearance > Editor panel, or via FTP. We posted the final code below. If you need more help, please feel free to open another thread.
function av_open_inline_popup(){ ?> <script type="text/javascript"> (function($) { $(window).load(function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { jQuery('body').css("overflow-y", "hidden"); }, close: function() { jQuery('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'av_open_inline_popup');Best regards,
IsmaelIn reply to: Magnific Popup takes you to top of page
Hey laura1234,
Thank you for the inquiry.
You can try the solution that we posted in the following thread to prevent it from automatically scrolling to the top when lightbox is opened.
// https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390
Best regards,
IsmaelIn reply to: Tab Section problem, doesnt show full content
Hello @Ismael
It is weird because in the soundcloud iframe code there is no loading=”lazy” in the code
<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>Also the other link i sent you does not have any soundcloud iframe .. so could you check that one too ?
In reply to: Tab Section problem, doesnt show full content
Hey Mohamad,
Thank you for the inquiry.
Does it work correctly when you remove the loading=”lazy” attribute from the iframe element?
<iframe loading="lazy" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>It is possible that the height of the tab section is not calculated properly because the iframe only loads when the tab title is clicked.
Best regards,
IsmaelIn reply to: problem with color section when refreshing website
Hi,
Thanks for that. This is caused by a recent change in Google Maps, please refer to this thread for temporary solutions: https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/. We’re still working on a permanent solution.
Best regards,
RikardHey Scott,
I think this problem is caused by the Google Maps element, there was a recent change from Google which seems to be causing this problem. We don’t have a temporary solution yet, but please refer to this thread for temporary solutions: https://kriesi.at/support/topic/page-scrolls-to-google-maps-automatically-when-text-marker-is-shown/
Best regards,
RikardIn reply to: Adding a Scrollbar to a widgetized column
Hi,
What you are trying do is possible but it would mean limiting the height of the inner container of the first cell. Unfortunately, you cannot manually set the height of the first cell because the Grid Layout element is a table element and with table elements, the height of cells are automatically inherited from the parent container or the adjacent cells.
To understand it better, you can try this css code.
.flex_cell.no_margin.av_one_fifth.avia-builder-el-4.el_before_av_cell_three_fifth.avia-builder-el-first.scrollbar .flex_cell_inner { height: 500px; overflow: scroll; }This should limit the height of the flex_cell_inner container and add a scrollbar to it, but there would be a huge white space or gap below it. You might want to replace the css selector above with a custom css class or ID. More info about custom css class is in the following documentation.
// https://kriesi.at/documentation/enfold/add-custom-css/
Doing this with Javascript is also possible but, unfortunately, that kind of modification is beyond the scope of support.
Best regards,
IsmaelIn reply to: On page load, the website goes to the bottom
whdsolutions have you tried with Display Tooltip by default checked? If you don’t check Display Tooltip by default it works fine, otherwise it scrolls to the bottom. I have tried it in different installation with different WordPress and Enfold versions.
See this other thread Page scrolls to Google Maps automatically when Text-marker is shown
Best Regards
ManuHi everybody,
A customer notified me about a bug in Enfold 4.8.1 and above: when a large page or one-page-website contains a Google Maps element at the bottom, and the Text-marker is shown, than the page scrolls down instantly upon loading the page. See the image:
I’ve seen this issue with several customers/websites now.
Customer had Enfold 4.8.1. I tried upgrading to 4.8.3, but the problem remains.
Is this a known bug, and if yes, does anybody maybe have a fix? For now i just turn off the option to show the text marker immediately, but eventually we want to use this nice feature.
Best regards,
RogerHello!
I am using section-scrolls for our website, which works really well: http://www.l1.digitalHowever, when loading, it automatically jumps to almos the bottom (there is no section, it jumps into the middle of one). I don’t see any JS errors that could cause this.
What may be the issue?
best
Johannes
Hello,
Somthing wrong with phone and google-translate… lost flags :(
Quick CSS:
/** meniu ilgas ***/ .av-main-nav ul { width: 260px; } /* beadthumbs išjungiu pranešimą - Pradžia */ span.trail-before { display: none!important; } @media only screen and (max-width: 767px) { .logo.second-logo img { padding-top: 20px; }} @media only screen and (max-width: 480px) { .responsive .logo img { max-width: 90%; }} @media only screen and (min-width: 768px) { .logo img { padding: 15px 0; }} .logo:first-child { z-index: 4; } /*.logo, .logo a { display: inline-block}*/ /*.logo:first-child img {display: none}*/ /*.logo.first-logo { z-index: 3 }*/ .logo.second-logo { z-index: 3 } .logo.second-logo { width: 100% } .logo.second-logo a { float: right !important } /*.logo.first-logo a, */ .logo.second-logo a { display: inline-flex } /*.main_menu:not(:first-of-type) { display: none !important }*/ /*.responsive #top .logo.first-logo { float: left;*/ } /*hide auto sidebar from magazine*/ .page-id-2967 .sidebar .widget_nav_hide_child { display: none; } /*2.8 firefox problem*/ .avia-image-container-inner, .avia_image { max-width: 100%; } #header_main .avia-menu-text { font-size: 16px; } .entry-content p { font-size: 18px; margin: 20px 0; line-height: 24px; } .header-scrolled #header_main > .container { display: none !important; } #socket .avia-bullet, #socket .avia-menu-fx { display: none; } h4 { line-height: 30px; } .comment_container { display: none; } #paslaugos-container-width .container { width: 100% !important; min-width: 100%; padding: 0; margin: 0; } /*#paslaugu-elementas .aviaccordion { max-height: 300px; }*/ #top #paslaugos-container-width .aviaccordion-slide img { max-height: 295px; } #top #paslaugos-container-width #paslaugu-elementas { max-height: 295px !important; }I’m creating a site where I’m sharing testimonies. I was wondering how I could categorize these videos. On my home page I want to add . . .
Stories by Topics
– Identity
– Addiction
– Anxiety & Depression, etc.When a visitor clicks on a Topic, it will take them to a separate page with all the Stories relevant to this topic. I would like to automate this process as much as possible.
Here is an example site of what I would like to accomplish: Stories by Topics. Scroll down a little to see this section.
Hope this makes sense. Please let me know if you need any additional information. TIA
In reply to: Logo to hang down past header
Quick Update .. I found another thread with a similar request (sorry) and added in this to the Quick CSS panel and it seems to be working!! Is there a way to make the logo shrink a little when the user scrolls down?
#top .logo {
padding-top: 0px;
width: 300px;
margin: 10px auto;
float: none;
height: auto;
}
.logo, .logo a {
overflow: visible;
}
.logo img {
max-height: 200px !important;
}Topic: Yigit. Logo lost link
Hello again,
confused, logo link is active :/ but not working, mouse not active (desktop only)
My functions.php:
add_action( 'after_setup_theme', 'my_theme_setup' ); function my_theme_setup() { add_editor_style(); // For the Block Editor. add_theme_support( 'editor-styles' ); } function wp_23223255_6469586506596() { add_image_size('entry_with_sidebar', 999, 999); add_image_size('entry_without_sidebar', 999, 999); } add_action( 'after_setup_theme', 'wp_23223255_6469586506596', 11 ); function add_logos($logo) { /* $logo .= '<span class="logo first-logo"><a href="/aaaaa">' ; $logo .= '<img src="https://www.silutevb.lt/silute/wp-content/uploads/2021/05/Logo_30Proc_mazesnis.png"/>'; $logo .= '</a></span>';*/ $logo .= '<span class="logo second-logo"><a href="/darbo-laikas" target="_blank">' ; $logo .= '<img src="https://www.silutevb.lt/silute/wp-content/uploads/Darbo_laikas.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'add_logos');Quick CSS:
.av-main-nav ul { width: 260px; } @media only screen and (max-width: 767px) { .logo.second-logo img { padding-top: 20px; }} @media only screen and (max-width: 480px) { .responsive .logo img { max-width: 90%; }} @media only screen and (min-width: 768px) { .logo img { padding: 15px 0; }} /*.logo, .logo a { display: inline-block}*/ /*.logo:first-child img {display: none}*/ /*.logo.first-logo { z-index: 3 }*/ .logo.second-logo { z-index: 3 } .logo.second-logo { width: 100% } .logo.second-logo a { float: right !important } /*.logo.first-logo a, */ .logo.second-logo a { display: inline-flex } /*.main_menu:not(:first-of-type) { display: none !important }*/ /*.responsive #top .logo.first-logo { float: left;*/ } /*hide auto sidebar from magazine*/ .page-id-2967 .sidebar .widget_nav_hide_child { display: none; } /*2.8 firefox problem*/ .avia-image-container-inner, .avia_image { max-width: 100%; } #header_main .avia-menu-text { font-size: 16px; } .entry-content p { font-size: 18px; margin: 20px 0; line-height: 24px; } .header-scrolled #header_main > .container { display: none !important; } #socket .avia-bullet, #socket .avia-menu-fx { display: none; }Topic: Open links in Lightbox
Hi,
what do i need to do to open a URL (whatever kind) in a modal window/lightbox??I found very different answers in your forum.
Sometimes you say “class=”lightbox-added””, sometimes only “lightbox” sometimes you say they open automatically, …..but none of it works.I found “?iframe=true” and this seems to work ….BUT:
1: When a open an image like that i get a vertical scrollbar which is weird.
2: How do i change the size of a modal (not general, only for certain links)??Kind regards
marcusQuestion Number 2 is solved
- something like this placed on that page in a codeblock element:
