Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
To show a different menu on one specific page, first make the menu that you wish and hover over the Delete Menu link and at the bottom of the page your browser should show the source of the link, looks for &menu=XX the XX will be a number, in my example it is 11

Next we need to know the page ID, so hover over the admin menu Edit Page in the admin toolbar, and at the bottom the browser should show the source link, look for ?post=XX again the XX will be a number, in my example it is 3792

Now we will add this code to the end of your child theme functions.php file in Appearance ▸ Editor or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add this code and save.

add_filter( 'wp_nav_menu_args', 'ppen_nav_menu_args' );
function ppen_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 3792 ) ) {
$args['menu'] = '11';
}
return $args;
}
}

Now that page will have our new menu.

Best regards,
Mike

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Monika,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    position: absolute;
    width: 50px;
    float: right;
    top: -70px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The javascript that is loaded for the iframe has a line to scroll to the iframe:

// scrolls the window, so that the top of the iFrame is at the top of the page

Best regards,
Mike

Hi,
For mobile I added a second product slider:

and set the visibility so it will only show on very small screens:

and made the other one not show on very small screens:

Then I set the new one to only show two items and added this css so the two columns will show side-by-side and removed extra padding & margin so it will look better on small mobile screens:

@media only screen and (max-width: 479px) { 
.responsive #top #main .avia-product-slider-container.av-small-hide .products .product {
	width: 49%;
	margin: 0 1% 1% 0;
}
#top.page-id-5132 #after_full_slider_1 .template-page.content {
	padding: 0;
}
.responsive #top #main .avia-product-slider-container.av-small-hide {
	margin: 0;
}
}

The css to remove the extra padding & margin is only for this one page, let me know if you want other pages like this. Alternatively we could make the product slider with 5 columns show them side-by-side, but this takes a lot of space and the odd number of items doesn’t look as good, in my opinion, but if you like you could make the new one show four items if you wish. Take a look and try ddifferent numbers to see what you like.

Best regards,
Mike

Hi,
No if your post has multiple categories that will show.
as for shortecode in the excerpt it may depend on the element but often adding these to your child theme functions.php works

add_filter('get_the_excerpt', 'do_shortcode');
add_filter( 'the_excerpt', 'shortcode_unautop');
add_filter( 'the_excerpt', 'do_shortcode');
add_filter('widget_text', 'do_shortcode');
add_filter( 'term_description', 'do_shortcode' );

Best regards,
Mike

Hey jaimemerz,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.cofounder_toggle.av-minimal-toggle .toggle_icon {
    position: absolute;
    margin-top: -44px;
    margin-left: 40% !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey znello,
Try this solution to remove the first image.

Best regards,
Mike

Hi,
Enable the Avia Layout Builder Debugger and add the code to the debugger and save:

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-35gtt']
[av_heading heading='Masonry Portfolio Example:<br/>4 Column Masonry Grid' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-qj14h'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-mx0kh']

[av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-5ee9']
<p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff.
This can be used to describe what you do, how you do it, & who you do it for.</p>
[/av_textblock]
[/av_section]

[av_masonry_entries link='portfolio_entries' term_rel='' wc_prod_visible='' wc_prod_hidden='hide' wc_prod_featured='' prod_order_by='' prod_order='' date_filter='' date_filter_start='' date_filter_end='' date_filter_format='yy/mm/dd' period_filter_unit_1='1' period_filter_unit_2='year' page_element_filter='' sort='yes-tax' query_orderby='date' query_order='DESC' caption_elements='title' caption_styling='overlay' caption_display='on-hover' img_copyright='' size='fixed manually' orientation='' image_size='masonry' gap='large' columns='4' av-desktop-columns='' av-medium-columns='' av-small-columns='' av-mini-columns='' items='9' paginate='load_more' color='' custom_bg='' img_copyright_font='' av-desktop-font-img_copyright_font='' av-medium-font-img_copyright_font='' av-small-font-img_copyright_font='' av-mini-font-img_copyright_font='' img_copyright_color='' img_copyright_bg='' animation='active' animation_duration='' animation_custom_bg_color='' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' img_scrset='' lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-83rt5' sc_version='1.0']

once the elements show after the page reloads open the masonry element and select the Portfolio Entries that you want to show.

Best regards,
Mike

Hey rixi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor or If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add this code and save.

// Add year filter to posts and pages admin listing
function filter_posts_by_year() {
    global $wpdb, $wp_query;

    $type = isset($_GET['post_type']) ? $_GET['post_type'] : 'post';
    if ($type === 'post' || $type === 'page') {
        $year = isset($_GET['year']) ? $_GET['year'] : '';

        // Get distinct years from the posts table
        $years = $wpdb->get_col("
            SELECT DISTINCT YEAR(post_date)
            FROM $wpdb->posts
            WHERE post_type = '$type' AND post_status = 'publish'
            ORDER BY YEAR(post_date) DESC
        ");
        ?>
        <select name="year" id="filter-by-year">
            <option value=""><?php _e('All Years', 'textdomain'); ?></option>
            <?php
            foreach ($years as $year_option) {
                printf(
                    '<option value="%1$s"%2$s>%1$s</option>',
                    esc_attr($year_option),
                    $year_option == $year ? ' selected="selected"' : ''
                );
            }
            ?>
        </select>
        <?php
    }
}
add_action('restrict_manage_posts', 'filter_posts_by_year');

function filter_posts_by_year_query($query) {
    global $pagenow;

    $type = isset($_GET['post_type']) ? $_GET['post_type'] : 'post';
    if ($type === 'post' || $type === 'page') {
        if ($pagenow == 'edit.php' && isset($_GET['year']) && $_GET['year'] != '') {
            $year = intval($_GET['year']);
            $query->query_vars['year'] = $year;
        }
    }
}
add_filter('parse_query', 'filter_posts_by_year_query');

This is add a new filer option for your pages & posts:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 990px) {
    .responsive .av-image-hotspot {
        height: 48px;
        width: 48px;
        line-height: 48px;
    }
    .responsive .av-image-hotspot-pulse {
        height: 108px;
        width: 108px;
        top: -30px;
        left: -30px;
    }
}

Try setting the hotspot tooltips to show always and this add this code to the end of your child theme functions.php file in Appearance ▸ Editor to hide all of them on load and click will show one at a time.

function one_hotspot_only_script() { ?>
  <script>
(function($) {
 $(window).ready(function() {
           $('.avia-tooltip').hide();	
       $('.av-image-hotspot_inner').on( "click", function(e) {
       	var $this = $(this).parent().find('.avia-tooltip');
       	$(this).parent().css({'z-index':'9'});
	      $(this).siblings('.avia-tooltip').toggle('show');
	      $('.avia-tooltip').not($this).hide();
	      $('.avia-tooltip').not($this).parent().css({'z-index':'1'});
        });
     });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'one_hotspot_only_script', 99);

Best regards,
Mike

Hey Susanne,
1) do you mean the caching plugins were preventing your site from knowing that a update was available for the theme? I have not heard of this issue before, but you could try the WP Fastest Cache plugin, or when Envato (Theme Forest) notify you that an update is available you could disable your plugin and then check for the update.
2) In my demo the “blog” page is selected as the “blog”

and that page uses ALB elements to create the blog

please see our demo here
3) on your site it looks like you have custom css added causing the dark color, perhaps it is from a plugin:

a:visited {
                color: #333333;
            }

4) if you want to override the color for all buttons try this:

#top .main_color .avia-color-theme-color-highlight,
#top .main_color .avia-color-theme-color {
	background-color: red;
	border-color: red;
}

adjust to suit

Best regards,
Mike

Hey Woutski,
Thank you for the link to your example site, when I look at it, it looks like the grid of icons at the top, linking to a sections lower on the page, in each section is a content slider showing one item with pagination to see more from this group. To create this I would use the Gallery element at the top of a page with a custom link added to each image as a anchor link to lower sections:

and then in the advanced tab set the link settings to Use custom link so the anchor links will be used.

Then using columns for the lower sections add a custom ID for the anchor links to point to:

Then in the columns use a Post Slider elements, each one with a different taxonomy, or category, for this example I used Portfolio Entries

and set it to show only one column with navigation arrows always showing.
This is how the backend looks:

and the frontend:

Now when a icon is clicked at the top of the page, you will scroll down to that section and then can use the navigation arrows to see more items from that group. When more items are added to that taxonomy then will automatically show in the correct group.

Best regards,
Mike

Hi,
Thank you for your patience, in your shortcode it looks like you manually added class=’open-popup-link’, but the correct way to add a class in the shortcode is custom_class=’open-popup-link’ but this adds the class to the button and not the link in the button.
So we will follow these steps.
So this is what you add to your code block:

[av_button label='Jealousy-Letter abonnieren' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBaviaTBicon_hover' link='manually,#test-popup' custom_class='pu-link' link_target='' size='x-large' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color-highlight' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='solid' border_width='2' border_width_sync='true' border_color='#000000' border_radius='10' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' template_class='' element_template='' one_element_template='' av_uid='av-1x42t1' sc_version='1.0' admin_preview_bg='']
<div id="test-popup" class="white-popup mfp-hide">[av_mailchimp list='eifersuchtscoach' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='av-8l32o' sc_version='1.0'][/av_mailchimp]</div>

and this is your new popup code:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
       jQuery('.pu-link a').addClass('open-popup-link');
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This should now work for you.

Best regards,
Mike

Hey kalimeromax,
It looks like your iframe contains: data-scrolltop, please try removing this from the iframe snippet

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
  margin-top: 0;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard