Viewing 30 results - 511 through 540 (of 1,190 total)
  • Author
    Search Results
  • #910846
    danielromanin
    Participant

    Hi,

    Is there any chance i have auto scroll for horizontal gallery?

    I am using horizontal gallery element on home page. Please find url in private content area.

    Thanks
    Aadil

    #910528

    Hi Duncan,

    I think it’s possible, try adding this php code in functions.php:

    function add_custom_script(){
    ?>
    <script>
    var $document = $(document),
        $element = $('#header'),
        className = 'hasScrolled';
    
    $document.scroll(function() {
      if ($document.scrollTop() >= 210) {
        $element.addClass(className);
      } else {
        $element.removeClass(className);
      }
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    then replace the last css code in Quick CSS I gave with this one:

    @media only screen and (min-width:768px) and (max-width:1060px) {
      #avia-menu .menu-item {
        display: none;
      }
    
      #avia-menu .av-burger-menu-main {
        display: block;
      }
    
      #avia-menu {
        width:auto !important;
        float:right: !important;
      }
    
      .responsive #top #wrap_all .main_menu {
        top: 0;
        height: 80px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
      }
    
      #header_main_alternate {
        display: none;
      }
    
      #top #header.hasScrolled .container.av-logo-container {
        height: 80px !important;
        line-height: 80px !important;
      }
    
      #top #header.hasScrolled .logo a, 
      #top #header.hasScrolled .logo img {
        max-height: 80px !important;
      }
    }

    Best regards,
    Nikko

    #909458
    maxdes
    Participant

    Hello,

    I would like to create an anchor link with a smooth scroll in a post.

    In this link:

    I understand that I need to create a color section and place an id (for example “my_new_anchor”).
    Then I can set my click here inside the page and I will automatically have a smooth scroll effect.
    However, I have a sidebar in my posts. And in this other link (https://kriesi.at/support/topic/color-section-pushes-sidebar-nav-down/) I understand that color sections are full page and they will push the sidebar down, on the bottom of the page.

    So, is there any other solution to ad an anchor point, with smooth scroll, without using color section, that will allow me to maintain my sidebar?

    Thanks
    Max

    #909455

    yes, it is on my site already. The “Click Me” Button under “Our Goal”. when you click on it a lightbox will open but it is the size of youtube video. anyway to make automatic resized to be larger and taller. It doesn’t open a pop up as much as it opens a new website link in the lightbox.

    update*
    I added this code and it changes things on desktop. Still working on find a mobile solution and making the background not scrollable. Any insight is helpful. I’m working with the plugin developer as well.

    body .mfp-iframe-holder .mfp-content {
        max-width: 1200px;
    }
    • This reply was modified 8 years, 1 month ago by elsrick91. Reason: update
    #906770

    Hi Mike,

    I tried different values to try and align the numbers and logo. Yes, 55px aligns them but when I scroll the page and the header compresses, the numbers are sitting on top of the header bar. If I could remove the large white gap above the logo and stop it from automatically shrinking when scrolling down, I could align them all and they would remain fixed.

    Thank you
    Neil

    #905073
    StaceyThrush
    Participant

    hi,
    I’ve installed a bunch of TOC plugins, and for now it looks like this one works with ENFOLD.
    page: http://gc-wp-test.azurewebsites.net/docs/overview/

    The only problem is I want it fixed, so it would stay in place when scrolling.
    this is from the plugin’s info:

    the widget supports being affixed or stuck on the page so it is always visible as you scroll down the page. NOTE: this is an advanced option since every theme is different, you might need support from your theme developer to learn what the correct item selector to use in the settings to enable this feature.

    and in the plugin options there’s this:
    Widget Affix Selector

    To enable the option to affix or pin the Table of Contents widget enter the theme’s sidebar class or id.
    Since every theme is different, this can not be determined automatically. If you are unsure how to find the sidebar’s class or id, please ask the theme’s support persons.
    Eg: .widget-area or #sidebar

    hope you can help me with this!
    Thank you.

    #904052

    Hi panoramist,

    Here is a thread for you to consider

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #903739

    Hi ,
    That media query solved my issues. Thanks
    On the Home Page, I have fullwidth slider with a video; I can use the set preferences to autoplay the video , however I want to pause it as soon as the video is scrolled out of view. Can you help me with this ?
    Thanks.

    #901320

    In reply to: Main menu and Burger

    Hi sasha,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 990px) {
      #top #header .av-burger-menu-main.menu-item-avia-special  {
        display: none;
      }
    }
    .header_color .main_menu ul:first-child > li > a span.avia-menu-text {
     color: #fff;
    }
    
    .header_color.header-scrolled .main_menu ul:first-child > li > a span.avia-menu-text {
     color: #808080;
    }
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .main_menu {
        left: 0;
        right: auto;
      }
      #top #menu-item-search a *, #top #menu-item-search a {
        color: #808080 !important;
      }
    
      .responsive .logo img {
        width: 90%;
       }
      .responsive #top #header #menu-item-search a {
        padding-left:23px !important;
      }
    
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #899396

    Topic: Remove overlay

    in forum Enfold
    abortolotti
    Participant

    Hi guys,

    I see that now when I add a Text element in a color section with a background image and I choose the font color to be white, there is a black overlay box that’s added automatically (something I used to add via QuickCss).

    How do I remove that automated overlay now? I added an overlay to the background image in the color section and the result is that I now have an extra overlay on the white text, which I do not want, because it covers the image too much.

    Thank you for your help.

    Here’s the sample (scroll to the bottom of page to see what I mean):

    #898878

    Hi,

    Thanks for that :-)

    Please try to paste the following shortcode to a new page:

    [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_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_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_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_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_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_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_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_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_two_third' multi_select=''][/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_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_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_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='']
    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_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='']
    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_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='']
    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_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_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_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_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='']
    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_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='']
    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_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='']
    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_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_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_testimonials style='slider_large' columns='2' interval='10' font_color='' custom_title='' custom_content='']
    [av_testimonial_single src='168' name='Maci Mulsta' subtitle='CEO' link='#' linktext='Supra Media']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
    [/av_testimonial_single]
    [av_testimonial_single src='169' name='Sandra Funk' subtitle='Designer' link='#' linktext='Acomp']
    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_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_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_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_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_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table']
    [av_row row_style='avia-heading-row'][av_cell col_style='']Basic Package[/av_cell][av_cell col_style='']Full Package[/av_cell][/av_row]
    [av_row row_style='avia-pricing-row'][av_cell col_style='']12$<small>per month</small>[/av_cell][av_cell col_style='']24$<small>per month</small>[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']1 shipment each week[/av_cell][av_cell col_style='']2 shipments each week[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']1 drink included[/av_cell][av_cell col_style='']5 drinks included[/av_cell][/av_row]
    [av_row row_style=''][av_cell col_style='']no support[/av_cell][av_cell col_style='']free support[/av_cell][/av_row]
    [av_row row_style='avia-button-row'][av_cell col_style=''][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_cell][av_cell col_style=''][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_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_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_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_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_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_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_heading]
    
    [av_textblock size='14' font_color='' color='']
    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_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_heading]
    
    [av_textblock size='14' font_color='' color='']
    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_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_heading]
    
    [av_textblock size='14' font_color='' color='']
    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_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_heading]
    
    [av_textblock size='14' font_color='' color='']
    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']
    And get access to our early beta!
    [/av_button_big]
    

    Best regards,
    Rikard

    #896381

    Hi,
    You can put text on your slides, see this setting when you edit your slider:
    2018-01-11_195526
    Right now you have the space below your slider because that is were your text is, if you don’t like the way the above setting works try using the layerslider instead.
    There is one option you can do to remove the space for that page, which is to prevent scrolling of the page with this css:

    html.html_entry_id_11 {
    width: 100%;
    height: 100%;
    clip: auto;
    position: absolute;
    overflow: hidden;
    }

    it is designed to only work on that one page.

    Best regards,
    Mike

    #894940

    Hi,

    Right now my menu bar is set to only appear when I scroll down and disappear when I have scrolled all the way back up. This only happens on my Home page. On all the other pages, it’s automatically there. I would like for it stay fixed to the top of the page and already be apparent when people land on my home page – basically be exactly like all my other pages. I’d also like to make the menu bar translucent so that when it scrolls on top of my content it is transparent. I don’t know why but I seem to have the hardest time setting my menu bar up the way I want. HELP ME!

    Thanks!

    MattDalli
    Participant

    Hi guys,

    I had opened a thread which has been solved here: https://kriesi.at/support/topic/different-menus-for-scrolling-page-vs-different-pages/

    However, after experimenting and testing the website, I’ve noticed that with this plugin I would have to stay doing the same thing for each and every post which isn’t very ideal as eventually, I will give the details to the client and they will start posting as they see fit. Is there a way that each and every post will have the custom menu that I’ve setup automatically?

    Thanks!

    PS: I’ve arranged the three sample posts, for now, to have the ‘Inside Menu’ via the plugin.

    • This topic was modified 8 years, 3 months ago by MattDalli.
    #887976

    Ahh im removed encodeURIComponent
    This code outputs a working URL now
    return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';

    Next problem. The Download link opens the image in the browser instead of downloading it directly.
    And it uses the “large” image instead of the original sized one.
    I’ll try to modify the lightbox function to have a download link witch directly downloads the original version of the image.
    If someone can give me a hint how to do that ..

    	// -------------------------------------------------------------------------------------------
    	// Ligthbox activation
    	// -------------------------------------------------------------------------------------------
    
    	(function($)
    	{
    		$.fn.avia_activate_lightbox = function(variables)
    		{
    			
    			var defaults = {
    				groups			:	['.avia-slideshow', '.avia-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu'], 
    				autolinkElements:   'a.lightbox, a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
    				videoElements	: 	'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',
    				exclude			:	'.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]',
    			},
    			
    			options = $.extend({}, defaults, variables),
    			
    			av_popup = {
    				type: 				'image',
    				mainClass: 			'avia-popup mfp-zoom-in',
    				tLoading: 			'',
    				tClose: 			'',
    				removalDelay: 		300, //delay removal by X to allow out-animation
    				closeBtnInside: 	true,
    				closeOnContentClick:false,
    				midClick: 			true,
    				fixedContentPos: 	false, // allows scrolling when lightbox is open but also removes any jumping because of scrollbar removal
    				
    				image: {
    				    titleSrc: function(item){
    					    var title = item.el.attr('title');
    					    if(!title) title = item.el.find('img').attr('title');
    					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
    					    if(typeof title == "undefined") return "";
    					    
                                               
                                                //return title;
                                                return '<a href = "'+item.el.find("img").attr("src")+'">Download</a>';
                                                
    
                                            }
    				},
    				
    				gallery: {
    					// delegate: 	options.autolinkElements,
    					tPrev:		'',
    					tNext:		'',
    					tCounter:	'%curr% / %total%',
    					enabled:	true,
    					preload:	[1,1] // Will preload 1 - before current, and 1 after the current image
    				},
    
    				callbacks: 
    				{
    					beforeOpen: function()
    					{
    						//add custom css class for different styling
    						if( this.st.el && this.st.el.data('fixed-content') )
    						{
    							this.fixedContentPos = true;
    						}
    					},
    					
    					
    					open: function()
    					{
    						//overwrite default prev + next function. Add timeout for  crossfade animation
    						$.magnificPopup.instance.next = function() {
    							var self = this;
    							self.wrap.removeClass('mfp-image-loaded');
    							setTimeout(function() { $.magnificPopup.proto.next.call(self); }, 120);
    						}
    						$.magnificPopup.instance.prev = function() {
    							var self = this;
    							self.wrap.removeClass('mfp-image-loaded');
    							setTimeout(function() { $.magnificPopup.proto.prev.call(self); }, 120);
    						}
    						
    						//add custom css class for different styling
    						if( this.st.el && this.st.el.data('av-extra-class') )
    						{
    							this.wrap.addClass( this.currItem.el.data('av-extra-class') );
    						}
    						
    						
    					},
    					imageLoadComplete: function() 
    					{	
    						var self = this;
    						setTimeout(function() { self.wrap.addClass('mfp-image-loaded'); }, 16);
    					},
    					change: function() {
    					    
    					    if( this.currItem.el )
    					    {	
    						    var current = this.currItem.el;
    						    
    						    this.content.find( '.av-extra-modal-content, .av-extra-modal-markup' ).remove();
    						    
    						    if( current.data('av-extra-content') )
    						    {
    							    var extra = current.data('av-extra-content');
    							    this.content.append( "<div class='av-extra-modal-content'>" + extra + "</div>" );
    						    }
    						    
    						    if( current.data('av-extra-markup') )
    						    {
    							    var markup = current.data('av-extra-markup');
    							    this.wrap.append( "<div class='av-extra-modal-markup'>" + markup + "</div>"  );
    						    }
    					    }
    					},
    				}
    			},
    			
    			active = !$('html').is('.av-custom-lightbox');
    			
    			if(!active) return this;
    			
    			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(av_popup);
    						});
    					}
    				
    			});
    		}
    	})(jQuery);
    auserde
    Participant

    Hello friends,

    I need for my project with the LayerSlider the possibility after the last slide the automatic scrolling down to the next section.

    Thank you and best regards

    #884344

    Topic: Fatal error

    in forum Enfold
    ctancrede
    Participant

    Following the attempt to update the theme (which is not working), I have the following error :

    Fatal error: Call to undefined method aviaShortcodeTemplate::__destruct() in /var/www/vhosts/kyramedias.com/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player.php on line 53

    Here is the css of audio-player :

    <?php
    /**
    * Audio File Playlist Element
    *
    * Shortcode that allows to add a playlist
    *
    * @since 4.1.3
    */
    if ( ! defined( ‘ABSPATH’ ) ) { exit; } // Exit if accessed directly

    if ( ! class_exists( ‘avia_sc_audio_player’ ) )
    {

    class avia_sc_audio_player extends aviaShortcodeTemplate
    {
    /**
    *
    * @since 4.1.3
    * @var int
    */
    static protected $instance = 0;
    var $extra_style = “”;
    var $non_ajax_style = “”;

    /**
    *
    * @since 4.1.3
    * @var array
    */
    protected $atts;

    /**
    *
    * @since 4.1.3
    * @param AviaBuilder $builder
    */
    public function __construct( $builder )
    {
    parent::__construct( $builder );

    $this->atts = array();
    }

    /**
    *
    * @since 4.1.3
    */
    public function __destruct()
    {
    parent::__destruct();

    unset( $this->atts );
    }

    /**
    * Create the config array for the shortcode button
    *
    * @since 4.1.3
    */
    public function shortcode_insert_button()
    {
    $this->config[‘name’] = __( ‘Audio Player’, ‘avia_framework’ );
    $this->config[‘tab’] = __( ‘Media Elements’, ‘avia_framework’ );
    $this->config[‘icon’] = AviaBuilder::$path[‘imagesURL’] . “sc-audio-player.png”;
    $this->config[‘order’] = 60;
    $this->config[‘target’] = ‘avia-target-insert’;
    $this->config[‘shortcode’] = ‘av_player’;
    $this->config[‘shortcode_nested’] = array( ‘av_playlist_element’ );
    $this->config[‘tooltip’] = __( ‘Add an audio player element’, ‘avia_framework’ );
    $this->config[‘tinyMCE’] = array( ‘disable’ => “true” );
    $this->config[‘drag-level’] = 3;
    $this->config[‘preview’] = false;
    }

    /**
    * Popup Elements
    *
    * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
    * opens a modal window that allows to edit the element properties
    *
    * @since 4.1.3
    * @return void
    */
    function popup_elements()
    {
    $this->elements = array(

    array(
    “type” => “tab_container”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __( “Playlist” , ‘avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __( “Autoplay”, ‘avia_framework’ ),
    “desc” => __( “Choose if the player starts on pageload or has to be started manually”, ‘avia_framework’ ),
    “id” => “autoplay”,
    “type” => “select”,
    “std” => ”,
    “subtype” => array(
    __( ‘Start manually’,’avia_framework’ ) => ‘manual’,
    __( ‘Start on pageload’,’avia_framework’ ) => ‘autoplay’
    )
    ),

    array(
    “name” => __( “Playlist Order”, ‘avia_framework’ ),
    “desc” => __( “Here you can select how to sort the playlist when rendering to the player on each pageload.”, ‘avia_framework’ ),
    “id” => “playorder”,
    “type” => “select”,
    “std” => ”,
    “subtype” => array(
    __( ‘Use order of playlist as selected’,’avia_framework’ ) => ‘normal’,
    __( ‘Shuffle the playlist randomly’,’avia_framework’ ) => ‘shuffle’,
    /*__( ‘Reverse the playlist’,’avia_framework’ ) => ‘reverse’*/
    )
    ),

    array(
    “type” => “modal_group”,
    “id” => “content”,
    ‘container_class’ =>”avia-element-fullwidth avia-multi-img”,
    “modal_title” => __(“Edit Form Element”, ‘avia_framework’ ),
    ‘modal_open’ => ‘no’,
    ‘trigger_button’ => ‘avia-builder-audio-edit’,
    “add_label” => __(“Add single audio”, ‘avia_framework’ ),
    ‘disable_manual’ => ‘yes’,
    “std” => array(),

    ‘creator’ => array(
    “name” => __( “Create and Edit Audio Playlist”, ‘avia_framework’ ),
    “desc” => __( “Here you can add new audio files to the playlist, remove files or reorder them.”, ‘avia_framework’ ),
    “id” => “id”,
    “type” => “audio_player”,
    ‘state’ => ‘avia_insert_multi_audio’,
    “title” => __( “Add/Edit Audio Files”, ‘avia_framework’ ),
    “button” => __( “Insert Audio Files”, ‘avia_framework’ ),
    “std” => “”
    ),

    ‘subelements’ => array(

    array(
    “type” => “tab_container”, ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __( “Content Audio” , ‘avia_framework’ ),
    ‘nodescription’ => true
    ),

    // Dummy element only to avoid notices
    array(
    “name” => __(“Which type of media is this?”,’avia_framework’ ),
    “id” => “audio_type”,
    “type” => “select”,
    “std” => “audio”,
    “subtype” => array(
    __( ‘Audio File’, ‘avia_framework’ ) => ‘audio’,
    __( ‘Video File’, ‘avia_framework’ ) => ‘video’,
    )
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    ), // subelements

    ), // modal_group

    array(
    “name” => __(“For Developers: Section ID”, ‘avia_framework’ ),
    “desc” => __(“Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked”, ‘avia_framework’ ).”<br/><br/>”.
    __(“Use with caution and make sure to only use allowed characters. No special characters can be used.”, ‘avia_framework’ ),
    “id” => “id”,
    “type” => “input”,
    “std” => “”
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __( “Layout” , ‘avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __( “Player styling”, ‘avia_framework’ ),
    “desc” => __( “Here you can select the general appearance of the player”, ‘avia_framework’ ),
    “id” => “player_style”,
    “type” => “select”,
    “std” => ”,
    “subtype” => array(
    __( ‘Classic (boxed)’, ‘avia_framework’ ) => ‘classic’,
    __( ‘Minimal (borderless, no background)’, ‘avia_framework’ ) => ‘minimal’,
    )
    ),

    array(
    “name” => __( “Choose a Cover Image”, ‘avia_framework’ ),
    “desc” => __(“Either upload a new or choose an existing image from your media library”, ‘avia_framework’ ),
    “id” => “cover_id”,
    “fetch” => “id”,
    “type” => “image”,
    “title” => __(“Choose a Cover Image”, ‘avia_framework’ ),
    “button” => __(“Choose a Cover Image”, ‘avia_framework’ ),
    “std” => ”
    ),

    /*
    array(
    “name” => __( “Cover Image Location”, ‘avia_framework’ ),
    “desc” => __( “Here you can select where to show the cover for larger screens. On mobile devices the image will be centered above the player by default.”, ‘avia_framework’ ),
    “id” => “cover_location”,
    “type” => “select”,
    “std” => ‘top left’,
    “subtype” => array(
    __( ‘Hide the cover image’, ‘avia_framework’ ) => ‘hide’,
    __( ‘Show above player left aligned’, ‘avia_framework’ ) => ‘top left’,
    __( ‘Show above player centered’, ‘avia_framework’ ) => ‘top center’,
    __( ‘Show above player right aligned’, ‘avia_framework’ ) => ‘top right’,
    __( ‘Show left of player’, ‘avia_framework’ ) => ‘aside left’,
    __( ‘Show right of player’, ‘avia_framework’ ) => ‘aside right’
    )
    ),

    array(
    “name” => __( “Cover Image Size”, ‘avia_framework’ ),
    “desc” => __( “Choose image size for your cover.”, ‘avia_framework’ ),
    “id” => “cover_size”,
    “type” => “select”,
    “std” => “thumbnail”,
    “required” => array( ‘cover_location’, ‘not’, ‘hide’ ),
    “subtype” => AviaHelper::get_registered_image_sizes( array(), false, true )
    ),

    array(
    “name” => __( “Playlist styling”, ‘avia_framework’ ),
    “desc” => __( “Here you can select the styling of the playlist”, ‘avia_framework’ ),
    “id” => “playlist_style”,
    “type” => “select”,
    “std” => ‘light’,
    “subtype” => array(
    __( ‘Light’, ‘avia_framework’ ) => ‘light’,
    __( ‘Dark’, ‘avia_framework’ ) => ‘dark’
    )
    ),

    */

    array(
    “name” => __( “Tracklist”, ‘avia_framework’ ),
    “desc” => __( “Here you can select to show or hide the tracklist”, ‘avia_framework’ ),
    “id” => “tracklist”,
    “type” => “select”,
    “std” => ‘show’,
    “subtype” => array(
    __( ‘Show tracklist’, ‘avia_framework’ ) => ‘show’,
    __( ‘Hide tracklist’, ‘avia_framework’ ) => ‘hide’
    )
    ),

    array(
    “name” => __( “Tracknumbers”, ‘avia_framework’ ),
    “desc” => __( “Here you can select to show or hide the tracknumbers next to entries in the playlist”, ‘avia_framework’ ),
    “id” => “tracknumbers”,
    “type” => “select”,
    “std” => ‘show’,
    “required” => array( ‘tracklist’, ‘equals’, ‘show’ ),
    “subtype” => array(
    __( ‘Show tracknumbers’, ‘avia_framework’ ) => ‘show’,
    __( ‘Hide tracknumbers’, ‘avia_framework’ ) => ‘hide’
    )
    ),

    array(
    “name” => __( “Artists Name”, ‘avia_framework’ ),
    “desc” => __( “Here you can select to show or hide the artists name in the playlist”, ‘avia_framework’ ),
    “id” => “artists”,
    “type” => “select”,
    “std” => ‘show’,
    “required” => array( ‘tracklist’, ‘equals’, ‘show’ ),
    “subtype” => array(
    __( ‘Show artists name’, ‘avia_framework’ ) => ‘show’,
    __( ‘Hide artists name’, ‘avia_framework’ ) => ‘hide’
    )
    ),

    array(
    “name” => __( “Media Icon/Album Cover”, ‘avia_framework’ ),
    “desc” => __( “Here you can select to show or hide the media icon in the playlist. This icon can be set in the media gallery for each element as the featured image. WP will use a default icon on upload, if none is set.”, ‘avia_framework’ ),
    “id” => “media_icon”,
    “type” => “select”,
    “std” => ‘show’,
    “subtype” => array(
    __( ‘Show media icon/album cover’, ‘avia_framework’ ) => ‘show’,
    __( ‘Hide’, ‘avia_framework’ ) => ‘hide’
    )
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __( “Colors” , ‘avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __( “Font Color”, ‘avia_framework’ ),
    “desc” => __( “Select a font color”, ‘avia_framework’ ),
    “id” => “font_color”,
    “type” => “select”,
    “std” => “”,
    “subtype” => array(
    __( “Default Color”, ‘avia_framework’ ) => ”,
    __( “Custom Color”, ‘avia_framework’ ) => ‘custom-font-color’
    )
    ),

    array(
    “name” => __( “Custom Font Color”, ‘avia_framework’ ),
    “desc” => __( “Select a custom font color for your Player here”, ‘avia_framework’ ),
    “id” => “custom_font_color”,
    “type” => “colorpicker”,
    “std” => “”,
    “rgba” => true,
    “required” => array( ‘font_color’, ‘equals’, ‘custom-font-color’ )
    ),

    array(
    “name” => __( “Background Color”, ‘avia_framework’ ),
    “desc” => __( “Select a background color”, ‘avia_framework’ ),
    “id” => “background_color”,
    “type” => “select”,
    “std” => “”,
    “subtype” => array(
    __( “Default Color”, ‘avia_framework’ ) => ”,
    __( “Custom Color”, ‘avia_framework’ ) => ‘custom-background-color’
    )
    ),

    array(
    “name” => __( “Custom Background Color”, ‘avia_framework’ ),
    “desc” => __( “Select a custom background color for your Player here”, ‘avia_framework’ ),
    “id” => “custom_background_color”,
    “type” => “colorpicker”,
    “std” => “”,
    “rgba” => true,
    “required” => array( ‘background_color’, ‘equals’, ‘custom-background-color’ )
    ),

    array(
    “name” => __( “Border Color”, ‘avia_framework’ ),
    “desc” => __( “Select a border color”, ‘avia_framework’ ),
    “id” => “border_color”,
    “type” => “select”,
    “std” => “”,
    “subtype” => array(
    __( “Default Color”, ‘avia_framework’ ) => ”,
    __( “Custom Color”, ‘avia_framework’ ) => ‘custom-border-color’
    )
    ),

    array(
    “name” => __( “Custom Border Color”, ‘avia_framework’ ),
    “desc” => __( “Select a custom background color for your Player here”, ‘avia_framework’ ),
    “id” => “custom_border_color”,
    “type” => “colorpicker”,
    “rgba” => true,
    “std” => “”,
    “required” => array( ‘border_color’, ‘equals’, ‘custom-border-color’ )
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __(“Screen Options”,’avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __( “Element Visibility”,’avia_framework’ ),
    “desc” => __( “Set the visibility for this element, based on the device screensize.”, ‘avia_framework’ ),
    “type” => “heading”,
    “description_class” => “av-builder-note av-neutral”,
    ),

    array(
    “desc” => __( “Hide on large screens (wider than 990px – eg: Desktop)”, ‘avia_framework’ ),
    “id” => “av-desktop-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”
    ),

    array(

    “desc” => __( “Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’ ),
    “id” => “av-medium-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”
    ),

    array(
    “desc” => __( “Hide on small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’ ),
    “id” => “av-small-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”
    ),

    array(
    “desc” => __( “Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’ ),
    “id” => “av-mini-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    );
    }

    /**
    * Editor Element – this function defines the visual appearance of an element on the AviaBuilder Canvas
    * Most common usage is to define some markup in the $params[‘innerHtml’] which is then inserted into the drag and drop container
    * Less often used: $params[‘data’] to add data attributes, $params[‘class’] to modify the className
    *
    *
    * @since 4.1.3
    * @param array $params this array holds the default values for $content and $args.
    * @return $params the return array usually holds an innerHtml key that holds item specific markup.
    */
    function editor_element($params)
    {

    $element = $this->get_popup_element_by_id( ‘autoplay’ );
    $playmodes = $element[‘subtype’];

    $update_template = ‘<span class=”av-player-{{autoplay}}”>’;

    foreach( $playmodes as $info => $playmode )
    {
    $update_template .= ‘<span class=”av-play-‘ . $playmode . ‘”>’ . $info . ‘</span>’;
    }

    $update_template .= ‘</span>’;

    $update = $this->update_template( ‘autoplay’, $update_template );

    $selected = empty( $params[‘args’][‘autoplay’] ) ? ‘manual’ : $params[‘args’][‘autoplay’];
    $template = str_replace(‘{{autoplay}}’, $selected, $update_template );

    $params[‘innerHtml’] = “config[‘icon’] . “‘ title='”.$this->config[‘name’] . “‘ />”;
    $params[‘innerHtml’].= “<div class=’av-player’>” . $this->config[‘name’] . ‘ – <span ‘ . $update . ‘”>’ . $template . “</span></div>”;
    return $params;
    }

    /**
    * Editor Sub Element – this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
    * Works in the same way as Editor Element
    *
    * @since 4.1.3
    * @param array $params this array holds the default values for $content and $args.
    * @return array the return array usually holds an innerHtml key that holds item specific markup.
    */
    function editor_sub_element( $params )
    {

    $img_template = $this->update_template( “img_fakeArg”, “{{img_fakeArg}}” );
    $title = $this->update_template( “title_info”, “{{title_info}}” );
    $artist = $this->update_template( “artist”, “{{artist}}” );
    $album = $this->update_template( “album”, “{{album}}” );
    $description = $this->update_template( “description”, “{{description}}” );
    $filename = $this->update_template( “filename”, “{{filename}}” );
    $id = $this->update_template( “id”, “{{id}}” );
    $filelength = $this->update_template( “filelength”, “{{filelength}}” );

    $title_info = isset( $params[‘args’][‘title’] ) ? $params[‘args’][‘title’] : ”;
    $thumbnail = isset( $params[‘args’][‘icon’] ) ? ‘‘ : “”;
    $album_info = isset( $params[‘args’][‘album’] ) && ‘undefined’ != $params[‘args’][‘album’] ? $params[‘args’][‘album’] : ”;
    $desc_info = isset( $params[‘args’][‘description’] ) && ‘undefined’ != $params[‘args’][‘description’] ? $params[‘args’][‘description’] : ”;
    $file_info = isset( $params[‘args’][‘filename’] ) && ‘undefined’ != $params[‘args’][‘filename’] ? $params[‘args’][‘filename’] : ”;
    $id_info = isset( $params[‘args’][‘id’] ) && ‘undefined’ != $params[‘args’][‘id’] ? $params[‘args’][‘id’] : ‘0’;

    $main = ‘<span class=”avia-audiolist-title” ‘. $title . ‘>’;

    if( isset( $params[‘args’][‘title’] ) && ‘undefined’ != $params[‘args’][‘title’] )
    {
    $main .= ‘<span class=”avia-known-title”>’ . $params[‘args’][‘title’];
    }
    else
    {
    $main .= ‘<span class=”avia-unknown-title”>’ . __( ‘ Unknown ‘ , ‘avia_framework’ );
    }
    $main .= ‘</span></span>’;

    /**
    * Currently WP does not return artist when editing an existing playlist in popup playlist editor.
    *
    * This might change in future -> then uncomment the following lines to show the artist
    */
    // $main .= ‘<span class=”avia_audiolist-by”>’ . __( ‘ by ‘ , ‘avia_framework’ ) . ‘</span>’;
    //
    // if( isset( $params[‘args’][‘artist’] ) && ‘undefined’ != $params[‘args’][‘artist’] )
    // {
    // $main .= ‘<span class=”avia-audiolist-artist” ‘ . $artist . ‘>’ . $params[‘args’][‘artist’];
    // }
    // else
    // {
    // $main .= ‘<span class=”avia-audiolist-artist avia-unknown” ‘ . $artist . ‘>’ . __( ‘ unknown ‘ , ‘avia_framework’ );
    // }
    // $main .= ‘</span>’;

    if( isset( $params[‘args’][‘filelength’] ) )
    {
    $main .= ‘ (<span class=”avia-audiolist-length” ‘ . $filelength . ‘>’ . $params[‘args’][‘filelength’];
    }
    else
    {
    $main .= ‘ (<span class=”avia-audiolist-length avia-unknown” ‘ . $filelength . ‘>’ . __( ‘ ??? ‘ , ‘avia_framework’ );
    }
    $main .= ‘</span>)’;

    $params[‘innerHtml’] = ”;
    $params[‘innerHtml’] .= “<div class=’avia_title_container’>”;
    $params[‘innerHtml’] .= ” <div ” . $this->class_by_arguments( ‘audio_type’ ,$params[‘args’] ) . “>”;
    $params[‘innerHtml’] .= ” <span class=’avia_audiolist_image’ {$img_template} >{$thumbnail}</span>”;
    $params[‘innerHtml’] .= ” <div class=’avia_audiolist_content’>”;
    $params[‘innerHtml’] .= ” <h4 class=’avia_title_container_inner’>” . $main . “</h4>”;
    $params[‘innerHtml’] .= ” <p class=’avia_content_album’ {$album}>” . stripslashes( $album_info ) . “</p>”;
    $params[‘innerHtml’] .= ” <p class=’avia_content_description’ {$description}>” . stripslashes( $desc_info ) . “</p>”;
    $params[‘innerHtml’] .= ” <small class=’avia_audio_url’ {$filename}>” . stripslashes( $file_info ) . “</small>”;
    $params[‘innerHtml’] .= ” </div>”;
    $params[‘innerHtml’] .= ” <div class=’hidden-attachment-id’ style=’display: none;’ {$id}>” . $id_info . ‘</div>’;
    $params[‘innerHtml’] .= ” </div>”;
    $params[‘innerHtml’] .= “</div>”;

    return $params;
    }

    /**
    * Frontend Shortcode Handler
    *
    * @since 4.1.3
    * @param array $atts array of attributes
    * @param string $content text within enclosing form of shortcode element
    * @param string $shortcodename the shortcode found, when == callback name
    * @return string $output returns the modified html string
    */
    function shortcode_handler( $atts, $content = “”, $shortcodename = “”, $meta = “” )
    {
    extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes

    $this->extra_style = “”;
    $this->atts = shortcode_atts( array(
    ‘handle’ => $shortcodename,
    ‘id’ => ”,
    ‘autoplay’ => ‘manual’,
    ‘playorder’ => ‘normal’,
    ‘player_style’ => ‘classic’,
    ‘cover_id’ => ”,
    ‘cover_size’ => ‘thumbnail’,
    ‘cover_location’ => ‘hide’,
    ‘playlist_style’ => ‘light’,
    ‘tracklist’ => ‘show’,
    ‘tracknumbers’ => ‘show’,
    ‘artists’ => ‘show’,
    ‘media_icon’ => ‘show’,
    ‘font_color’ => ”,
    ‘custom_font_color’ => ”,
    ‘background_color’ => ”,
    ‘custom_background_color’ =>”,
    ‘border_color’ => ”,
    ‘custom_border_color’ => ”,

    ‘content’ => ShortcodeHelper::shortcode2array( $content, 1 )

    ), $atts, $this->config[‘shortcode’] );

    //replace some values that are removed for simplicity with defaults. can be later changed if user request those features
    $this->atts[‘cover_location’] = “hide”;
    $this->atts[‘playlist_style’] = “light”;

    if( $this->atts[‘media_icon’] == “cover”)
    {
    $this->atts[‘media_icon’] = “show”;
    }

    /**
    * Replace empty default values so we can later use them to add classes
    */
    if( empty( $this->atts[‘id’] ) )
    {
    $this->atts[‘id’] = $this->config[‘shortcode’] . ‘-‘ . avia_sc_audio_player::$instance;
    }

    avia_sc_audio_player::$instance++;

    if( empty( $this->atts[‘player_style’] ) )
    {
    $this->atts[‘player_style’] = ‘classic’;
    }

    extract( $this->atts );

    /**
    * Return if no playlist defined
    */
    if( empty( $content ) )
    {
    return ”;
    }

    $ids = array();
    foreach( $content as $key => $audio )
    {
    $ids[] = $audio[‘attr’][‘id’];
    }

    if( ‘shuffle’ == $playorder )
    {
    shuffle( $ids );
    }
    else if( ‘reverse’ == $playorder )
    {
    $ids = array_reverse( $ids );
    }

    $args = array(
    ‘type’ => ‘audio’,
    ‘ids’ => $ids,
    ‘style’ => empty( $playlist_style ) ? ‘classic’ : $playlist_style,
    ‘tracklist’ => empty( $tracklist ) || ( ‘hide’ != $tracklist ) ? true : false,
    ‘tracknumbers’ => empty( $tracknumbers ) || ( ‘hide’ != $tracknumbers ) ? true : false,
    ‘images’ => empty( $media_icon) || ( ‘hide’ != $media_icon ) ? true : false,
    ‘artists’ => empty( $artists ) || ( ‘hide’ != $artists ) ? true : false
    );

    if( ( $media_icon == ‘show’ ) && ( is_numeric( $cover_id ) ) )
    {
    add_filter( ‘wp_get_attachment_image_src’, array( $this, ‘handler_wp_get_attachment_image_src’ ), 10, 4 );
    add_filter( ‘wp_mime_type_icon’, array( $this, ‘handler_wp_mime_type_icon’ ), 10, 3 );
    }

    $player = wp_playlist_shortcode( $args );

    if( ( $media_icon == ‘show’ ) && ( is_numeric( $cover_id ) ) )
    {
    remove_filter( ‘wp_get_attachment_image_src’, array( $this, ‘handler_wp_get_attachment_image_src’ ), 10 );
    remove_filter( ‘wp_mime_type_icon’, array( $this, ‘handler_wp_mime_type_icon’ ), 10 );
    }

    $output = ”;

    $outer_cls = array(
    ‘av-player’,
    ‘av-player-container’,
    $av_display_classes
    );

    if( 1 == avia_sc_audio_player::$instance )
    {
    $outer_cls[] = ‘first’;
    }

    $outer_styles = array();

    $outer_cls[] = ‘avia-playerstyle-‘ . $player_style;

    if( $autoplay == ‘autoplay’ )
    {
    $outer_cls[] = ‘avia-playlist-autoplay’;
    }

    if( ( $font_color == ‘custom-font-color’) && ( ! empty( $custom_font_color ) ) )
    {
    $outer_cls[] = ‘avia-playlist-‘ . $font_color;
    $outer_styles[] = ‘color:’ . $custom_font_color . ‘;’;
    }

    if( ( $background_color == ‘custom-background-color’) && ( ! empty( $custom_background_color ) ) )
    {
    $outer_cls[] = ‘avia-playlist-‘ . $background_color;
    $outer_styles[] = ‘background-color:’ . $custom_background_color . ‘;’;
    }

    if( ( $border_color == ‘custom-border-color’) && ( ! empty( $custom_border_color ) ) )
    {
    $outer_cls[] = ‘avia-playlist-‘ . $border_color;
    $outer_styles[] = ‘border-color:’ . $custom_border_color . ‘;’;

    //generate thumb width based on columns
    $this->extra_style .= “<style type=’text/css’>”;
    $this->extra_style .= “#top #wrap_all #{$id} .wp-playlist-item {border-color:{$custom_border_color};}”;
    $this->extra_style .= “</style>”;

    if(!empty($this->extra_style))
    {
    if(!empty($atts[‘ajax_request’]) || !empty($_POST[‘avia_request’]))
    {
    $output .= $this->extra_style;
    $this->extra_style = “”;
    }
    else
    {
    $this->non_ajax_style .= $this->extra_style;
    add_action(‘wp_footer’, array($this, ‘print_extra_style’));
    }
    }

    }

    $cover = ”;
    if( ( $cover_location != ‘hide’ ) && ( ! empty( $cover_id ) ) )
    {
    $outer_cls[] = ‘avia-playlist-show-cover’;
    $outer_cls[] = $cover_location;
    $cover = wp_get_attachment_link( $cover_id, $cover_size );
    }
    else
    {
    $outer_cls[] = ‘avia-playlist-hide-cover’;
    }

    if( ! empty( $outer_styles ) )
    {
    $outer_styles = ‘ style=”‘ . implode( ”, $outer_styles ) . ‘” ‘;
    }
    else
    {
    $outer_styles = ”;
    }

    $output .= ‘<div id=”‘ . $id . ‘” class=”‘ . implode( ‘ ‘, $outer_cls ) . ‘” ‘ . $outer_styles . ‘>’;

    if( ! empty( $cover ) )
    {
    $output .= ‘<div class=”av-player-cover-container”>’;
    $output .= ‘<div class=”av-player-cover”>’ . $cover . ‘</div>’;
    $output .= ‘</div>’;
    }

    $output .= ‘<div class=”av-player-player-container”>’;
    $output .= $player;
    $output .= ‘</div>’;

    $output .= ‘</div>’;

    return $output;
    }

    /**
    * If user uploads an image for tbe player this image will overwrite any preset featured image.
    * To speed up the code the filter should only be activated when images should be exchanged
    *
    * @since 4.1.3
    * @param array|false $image Either array with src, width & height, icon src, or false.
    * @param int $attachment_id Image attachment ID.
    * @param string|array $size Size of image. Image size or array of width and height values
    * (in that order). Default ‘thumbnail’.
    * @param bool $icon Whether the image should be treated as an icon. Default false.
    * @return array|false
    */
    public function handler_wp_get_attachment_image_src( $image, $attachment_id, $size, $icon )
    {
    static $recursive = 0;

    /**
    * To avoid duplicating code we call the original function. Avoid endless recursions.
    */
    if( $recursive > 0 )
    {
    return $image;
    }

    $new_id = $this->atts[‘cover_id’];

    if( empty( $new_id ) || ( ! is_numeric( $new_id ) ) || ( (int) $new_id == $attachment_id ) )
    {
    return $image;
    }

    $recursive++;

    $image = wp_get_attachment_image_src( $new_id, $size, $icon );

    $recursive–;

    return $image;
    }

    /**
    * If user uploads an image for tbe player this image will overwrite the default mime icon from WP if no featured image was assigned
    * to the media file.
    * To speed up the code the filter should only be activated when images should be exchanged
    *
    * @since 4.1.3
    * @param string $icon
    * @param string $mime
    * @param int $post_id
    * @return string
    */
    public function handler_wp_mime_type_icon( $icon, $mime, $post_id )
    {
    $new_id = $this->atts[‘cover_id’];

    if( empty( $new_id ) || ! is_numeric( $new_id ) )
    {
    return $icon;
    }

    $image = wp_get_attachment_image_src( $new_id, ‘thumbnail’, false );
    return $image[0];
    }

    function print_extra_style()
    {
    echo $this->non_ajax_style;
    }

    } // end class definition

    What do I have to do ?

    Many thanks

    • This topic was modified 8 years, 3 months ago by ctancrede.
    #883824

    Hi Ismael
    I would like the mobil and desktop version/layout to be just the same layout as Rolex.com

    The header is transparent and when you scroll the header turn white and get fixed.

    Also the video is automatically playing on a mobile device.

    #882941

    Hi,

    I have added CSS to make my header logo overlap the container; however, I still want the logo to shrink with the rest of the header when scrolled. Just like this website: http://www.mcorautomotive.com/index.html

    Can you please help me with a fix for that? Here is my page: http://a87.8d7.myftpupload.com/

    -Hannah

    • This reply was modified 8 years, 3 months ago by hgarcia55. Reason: Wanted to include website example of the look I'm wanting
    #876521

    Space isn’t good if you’re trying to make most of the page immediately visible on first viewing on typical screen resolutions. Having extra space automatically inserted doesn’t seem sensible. It causes a need to scroll when there actually isn’t a need.

    How can you remove it? If it wasn’t there, I could add it if needed, but when it’s auto-inserted, how can you remove it if you don’t want it?

    Regards,

    Greg

    #876371

    Hey Alfred,

    Please refer to this post – https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header and then add this code – https://pastebin.com/YuVskhAc into your widget area using Custom HTML widget and finally add following code to Enfold theme options > General Styling > Quick CSS

    #scroll-bottom-link {
        position: fixed;
        border-radius: 2px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-decoration: none;
        text-align: center;
        right: 50px;
        top: 50px;
        bottom: auto;
        z-index: 1030;
    }

    Best regards,
    Yigit

    #876160

    Topic: Scrollable Menu

    in forum Enfold
    Tobiy
    Participant

    Hey there can you please help me – i tried all codes from the board here.
    I want to make my main menu scrollable.
    What i tried are these variations:

    
    #header .avia_mega_div {
        overflow: auto;
        max-height: 60vh;
    }

    On another sites its working like a charm but here not.
    May you please help me.
    Thank you very much – please Private Content for Website.

    This reply has been marked as private.
    #872806

    This is the code that has been added to the Quick CSS since day one and was working in hiding the slider below the video up until the latest WP automatic upgrade:

    @media only screen and (max-width: 990px) {
    .page-id-4393 #fullscreen_slider_0{display: block}
    .page-id-4393 #only-desktop { display: none !important; }
    }

    @media only screen and (max-width: 767px) {
    .page-id-4393 #only-desktop { display: none !important; }
    .page-id-4393 #fullscreen_slider_0{display: block}

    .responsive #scroll-top-link {
    display: block !important;
    }
    }

    Can you help with restoring the functionality of the page as explained in the previous comment?

    Thanks

    #871881
    ANASCHMITZ
    Participant

    Hi, I just activated a Coming Soon landing page, that looks good in my computer but I have problems in smartphones.

    I added this code from my mail chimp:

    <!– Begin MailChimp Signup Form –>

    <style type=”text/css”>
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:500px;}<br />
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.<br />
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */<br />
    </style>
    <div id=”mc_embed_signup”><form id=”mc-embedded-subscribe-form” class=”validate” action=”https://pacande.us17.list-manage.com/subscribe/post?u=3c5902f4478dc00056c351784&id=9030edddde&#8221; method=”post” name=”mc-embedded-subscribe-form” novalidate=”” target=”_blank”>
    <div id=”mc_embed_signup_scroll”>
    <div class=”mc-field-group”><label for=”mce-EMAIL”>E-Mail </label><input id=”mce-EMAIL” class=”required email” name=”EMAIL” type=”email” value=”” /></div>
    <div class=”mc-field-group”><label for=”mce-NAME”>Name </label><input id=”mce-NAME” class=”required” name=”NAME” type=”text” value=”” /></div>
    <div id=”mce-responses” class=”clear”></div>
    <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
    <div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input tabindex=”-1″ name=”b_3c5902f4478dc00056c351784_9030edddde” type=”text” value=”” /></div>
    <div class=”clear”><input id=”mc-embedded-subscribe” class=”button” name=”subscribe” type=”submit” value=”Subscribe” /></div>
    </div>
    </form></div>
    <script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’NAME’;ftypes[1]=’text’; /*
    * Translated default messages for the $ validation plugin.
    * Locale: DE
    */
    $.extend($.validator.messages, {
    required: “Dieses Feld ist ein Pflichtfeld.”,
    maxlength: $.validator.format(“Geben Sie bitte maximal {0} Zeichen ein.”),
    minlength: $.validator.format(“Geben Sie bitte mindestens {0} Zeichen ein.”),
    rangelength: $.validator.format(“Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein.”),
    email: “Geben Sie bitte eine gültige E-Mail Adresse ein.”,
    url: “Geben Sie bitte eine gültige URL ein.”,
    date: “Bitte geben Sie ein gültiges Datum ein.”,
    number: “Geben Sie bitte eine Nummer ein.”,
    digits: “Geben Sie bitte nur Ziffern ein.”,
    equalTo: “Bitte denselben Wert wiederholen.”,
    range: $.validator.format(“Geben Sie bitten einen Wert zwischen {0} und {1}.”),
    max: $.validator.format(“Geben Sie bitte einen Wert kleiner oder gleich {0} ein.”),
    min: $.validator.format(“Geben Sie bitte einen Wert größer oder gleich {0} ein.”),
    creditcard: “Geben Sie bitte ein gültige Kreditkarten-Nummer ein.”
    });}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    <!–End mc_embed_signup–>

    And then I added this changes in the CSS

    .seed-csp4 body, .seed-csp4 h1,
    .seed-csp4 h2, .seed-csp4 h3,
    .seed-csp4 h4, .seed-csp4 h5,
    .seed-csp4 h6, #mc_embed_signup {
    color: #ffff !important;
    font-family: ‘arial’ !important;
    }

    #seed-csp4-headline {
    font-weight: bold !important;
    margin-top: 90px !important;
    }

    #mc_embed_signup {
    background: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px !important;
    }

    #mc_embed_signup input {
    border: 2px solid #ffff !important;
    border-radius: 0 !important;
    }

    #mc_embed_signup .button {
    background-color: #02c8a7 !important;
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
    padding: 3px 22px !important;
    text-transform: uppercase;
    width: 96% !important;
    }

    #mc_embed_signup .mc-field-group label {
    text-transform: uppercase;
    }

    I really don’t know why this happens, I would really apreciate your help.

    Hey 4ROI,
    #2: To change the font size of the testimony slider you will want to target:

    .avia-testimonial_inner p {font-size: (your-size)px !important; }}

    so for between 768 & 1024:

    @media only screen and (min-width: 767px) and (max-width: 1024px) {#top .avia-testimonial_inner p {font-size: 12px !important;}}

    2017-10-28_111639
    but it doesn’t address the width of the element unless you add:

    @media only screen and (min-width: 767px) and (max-width: 1024px) {#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {padding: 0px 50px!important;}}

    2017-10-28_112356
    is that what you had in mind?
    #1 Try this code, it is set for 1025, so it will work on 1024 but you may want to set it higher like 1100. Test and adjust to suit.

    @media only screen and (max-width: 1025px) {
    	
      .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
      .responsive #top { overflow-x: hidden; }
      .responsive .boxed#top, .responsive #top.boxed .stretch_full , 
      .responsive.html_boxed.html_header_sticky #header,
      .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
      
      .responsive #top #wrap_all .container {
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-left:0;
        padding-right:0;
        float:none;
      }
      .responsive .units, .responsive .unit {
        margin: 0;
      }
      
      .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
      }
      
      .responsive #top #wrap_all .av-flex-cells .no_margin{
    	  display: block;
    	  margin: 0;
    	  height:auto !important;
    	  overflow: hidden;
    	  padding-left:8% !important;
    	  padding-right:8% !important;
      }
      
      .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
    	    width: 100%;
    		max-width: 100%;
    		margin: 0 auto;  
      }
      
      .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
    	  padding-left:0% !important;
    	  padding-right:0% !important;
      }
      
      .responsive #top #wrap_all .flex_column:empty{margin:0;}
    }

    Best regards,
    Mike

    #869307

    Hi Ismael,

    I have only put the last code you gave me into the functions.php file now. I cleared the browsing data on my ipad in the browser settings. But no change on the ipad. Is there anything in my Quick CSS that could interfere with your code:

    .main_color tr {
    background: #fff !important; border-color: #fff !important;
    }

    td {
    border-width: 0px !important;
    }

    .grid-content {
    min-height: 100px;
    }

    .page-id-3274 #av_section_1 .iconbox_icon:hover:before {
    color: darkgray;
    }

    .page-id-3689 #av_section_1 .iconbox_icon:hover:before {
    color: darkgray;
    }

    .avia-testimonial-meta {
    margin-left: 0;
    }

    .iconbox_content_title {
    text-transform: none !important;
    }

    .search .date-container, .search .date-container + .text-sep {
    display: none !important ;
    }

    .logo img {
    height: auto;
    width: 300px;
    height: 77px;
    }

    .avia-testimonial .avia-testimonial_inner{
    font-style: italic;
    font-size: 15px;
    }

    .page-id-3777 .avia-builder-el-3 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-5 .iconbox_icon:hover:before, .page-id-3777 .avia-builder-el-7 .iconbox_icon:hover:before{
    color: darkgray;
    }

    .iconbox_icon:hover:before {
    color: darkgray !important;
    }

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon, #top .iconbox_top .iconbox_icon, #top .iconbox.av-no-box .iconbox_icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
    }

    .reports-isc .av_textblock_section{
    margin:20px 0!important;
    }

    .avia-builder-el-19 {
    height: 202px !important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }
    body .column-top-margin {
    margin-top: 0px!important;
    }
    @media only screen and (min-width: 768px) and (max-width: 800px) {
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special, #menu-item-search {
    display: block;
    }
    }
    .av-main-nav > li > a {
    padding: 0 8px;
    }
    @media only screen and (max-width: 1366px) and (min-width: 768px) {
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
    }
    }
    @media only screen and (max-width: 1024px) {
    .responsive #top .av-submenu-container {
    top: auto !important;
    position: relative !important;
    height: auto;
    min-height: 0;
    margin-bottom: -1px;
    }
    }

    Thanks,
    Carolin

    #868707
    Paul
    Participant

    Just wondering if it’s possible to play a video via the full-screen slider, then once it’s finished playing, automatically scroll down. Rather than the user need to click the arrow?

    Thanks in advance for your answer

    #867058
    Pepe2014
    Participant

    Hello, first I would like to apologize for my bad english. I use the Enfold Theme for the first time. Have so far taken the AVADA theme.
    Find the Enfold Theme but really great and class to use. Only one thing I can not find: I would like to fix the first row under the header menu. It should not scroll out of the picture when scrolling.

    Basically like a second menu under the main menu. There I would like to insert buttons and text. Just like on this website: http://www.autohaus-stricker.de/

    Many thanks for your help.

    Sincerely
    Peter Hövelmeyer

    • This topic was modified 8 years, 5 months ago by Pepe2014.
Viewing 30 results - 511 through 540 (of 1,190 total)