Hi,
This is the sorting option in the masonry element,

there are only three options

adjust to suit, shall we close this thread then?

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,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
For the Separator / Whitespace element you use Short Separator position left

result

For the button it is large, no icon Theme Color Subtle

result

Best regards,
Mike

Hey dancedojo,
I’m not seeing this when I search


I don’t know why you would be seeing this.

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

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 clear your browser cache as it seems to be working when I check

Best regards,
Mike

Hi,
You should double check the mailchimp code it needs to call your list.
When I test with mine is works:

Try creating a new post and use the shortcode wand to get your mailchimp code:

then use the element to pick your list and then copy the code:

then add it to your popup code.

Best regards,
Mike

Hi,

Thanks for the update. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

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

.sort-param.sort-param-sort > li:nth-child(-n+2) {
	display: none;
}

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

Hey Aubin,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.single-product ol.flex-control-thumbs {
    list-style: none;
}
.single-product ol.flex-control-thumbs li {
	  width: 21%;
    float: left;
}

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

Best regards,
Mike

Hey Advantage09,
Thank you for your patience, you can create a second menu and use it in the setting Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile I believe that this will achieve what you are trying to do.

Best regards,
Mike

Hey grafikstudiode,
Thank you for your patience, are you using any customization for the form?
I created a form like your to test with and it seems to work correctly but the check boxes have the word True

but yours says confirmed (bestätigt)

if you do have a customization, try disabling it or try disabling your plugins to ensure there is not a conflict. You can try my test page and see that it works correctly.
I see that if the first check box is not used you get a No and the second checkbox is then completely missing:

but my test page shows the word False and the second checkbox is showing

If disabling your plugins or customizations doesn’t help please include an admin login in the Private Content area so we can investigate further.

Best regards,
Mike

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

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

span.price ins::before {
  content: none; 
}

Best regards,
Rikard

Hi nTECHgrate,

Nice work! Thanks for using Enfold and for sharing :-)

Best regards,
Rikard

Hi,

Thanks for the update, removing the page ID class works for making it global. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey craig374,

Please try the following in Quick CSS under Enfold->General Styling:

#custom_html-2 button {
  background-color: var(--enfold-header-color-primary);
  color: var(--enfold-header-color-constant-font);
  border-radius: 3px;
}

#custom_html-2 button:hover {
  color: #000;
}

Best regards,
Rikard