Forum Replies Created
-
Posts
-
Hi,
I don’t have any ideas to improve your score any further, this last report is referring to 430 ms, which is less that a half of a second with a total load time of 4.049s and some times in earlier reports it was as low as 3s.
This is very good, and over the last hundred posts we have achieved a lot, but I don’t have any ideas that we have not already covered.
If you like I can ask the rest of the team if they have any ideas.Best regards,
MikeHi,
It is a different mailchimp ID [av_mailchimp list=’c130eb79f7′ above you had [av_mailchimp list=’eifersuchtscoach’
I fixed it for you and it is now working, please check.Best regards,
MikeHi,
Ok, as I examine your page I see that the wrap_all & main divs are closed and your injected color section is outsite the page:
Then I recalled that injecting any full width element, like color sections, causes the page to auto close like this, so the way around this is to inject the HTML instead, so I tested this on my site linked below as a proof of concept and this is the code that I used:add_action('ava_after_main_title', 'ava_after_main_title_mod'); function ava_after_main_title_mod() { $post_id = get_the_ID(); if(get_post_type( $post_id ) == "post" || is_archive() || is_category()) { echo '<div id="av_section_1" aria-label="header-blog" style="background-color:#e7e6e0;" class="avia-section av-gurxi-f7ad7ba9aa66e762665269785c869839 main_color avia-section-no-padding avia-no-border-styling avia-builder-el-0 avia-builder-el-no-sibling block-fit-size avia-bg-style-scroll container_wrap fullsize"><div class="container av-section-cont-open"><main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-3814"><div class="entry-content-wrapper clearfix"><div class="flex_column_table av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 sc-av_one_half av-equal-height-column-flextable"><div style="padding: 20px 0 20px 0;" class="flex_column av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 av_one_half avia-builder-el-1 el_before_av_one_half avia-builder-el-first first no_margin flex_column_table_cell av-equal-height-column av-align-bottom "><div class="av-special-heading av-tkaly-59af4c81dd5bd8035cb05863635061b6 av-special-heading-h1 custom-color-heading blockquote modern-quote avia-builder-el-2 el_before_av_textblock avia-builder-el-first "><div style="font-size: 18px;color: #a07860;" class="av_custom_color av-subheading av-subheading_above"><p>Veranstaltungen und Lesungen</p></div><h1 style="color:#1f4339;font-size:45px;font-family: "librebaskerville", Helvetica, Arial, sans-serif;text-transform: none;" class="av-special-heading-tag" itemprop="headline">Veranstaltungen</h1><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div><section class="av_textblock_section av-3a7ov5-3365d9d47359d52499c6170f6e5d6913 " itemscope="itemscope" ><div class="avia_textblock" itemprop="text"><p style="color: #666666;font-size: 17px;">Wir laden Sie ein, an unseren gemeinsamen Veranstaltungen, Reisen und Lesungen an besonderen Orten, teilzunehmen. Weiteres erfahren Sie in der jeweiligen Veranstaltungsbeschreibung.</p></div></section></div><div class="flex_column av-fy05a-677df80f19dcd41d19a6c602b9b923d5 av_one_half avia-builder-el-4 el_after_av_one_half avia-builder-el-last buch-monat no_margin flex_column_table_cell av-equal-height-column av-align-bottom "><div class="avia-image-container av-9gv81-4c6171ac5adc202d5cf1671f776d7959 av-styling- avia-align-right avia-builder-el-5 avia-builder-el-no-sibling " itemprop="image" itemscope="itemscope" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img decoding="async" fetchpriority="high" class="wp-image- avia-img-lazy-loading-not- avia_image " src="/wp-content/uploads/2024/05/area-book-ueber-uns.png" alt="" title="" itemprop="thumbnailUrl"></div></div></div></div></div></div></div></main></div></div>'; } }Note that I didn’t understand why you had $thumbnail = get_the_post_thumbnail_url ( $post_id ); since I saw no call for $thumbnail so it’s not in my code, feel free to adjust after to test my code. I also had to add so style inline so my test would look like your page, it should not cause a issue for you.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHey 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,
MikeHi,
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 pageBest regards,
MikeHi,
Is the page listed below the same list that you want to use for the popup? If you include a admin login in the Private Content area so we can examine.Best regards,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHey Sebastian,
It looks like your code in your functions.php has line breaks, please remove these and then it should work correctly for you.Best regards,
MikeHey Sebastian,
By raster do you mean grid?
That would be very tricky to overwrite, and our list style doesn’t have images, I believe the best option would be to use a plugin for list style posts, and add it’s shortcode to the page.Best regards,
MikeHi,
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 worksadd_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,
MikeHi,
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,
MikeHi,
Thanks for the login, it seems that these only show when we are logged in, nonetheless, the element will fill the available width so one way is to add the element in a column that is smaller, or add more items shown in the element, I changed it to show 5 instead of 3 and you will see that it is much smaller now, please check if this will work for you, or try adding a smaller column.Best regards,
MikeHey dancedojo,
I’m not seeing this when I search
I don’t know why you would be seeing this.Best regards,
MikeHey 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,
MikeHey jaimemerz,
I checked your page, without scrolling, on Windows in Chrome, Firefox, & Edge and didn’t find any movement when hovering over the “Let’s Go” menu link.
Try clearing your browser cache and check again.Best regards,
MikeHey znello,
Try this solution to remove the first image.Best regards,
MikeHi,
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,
MikeHey 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,
MikeHi,
I was not able to find a table on your page, did you remove it or decide not use it?Best regards,
MikeHey ijnavas,
Unfortunately we can not see your page, it looks like we need a login to view it.
Your example screenshot makes it look like you want to remove the blue background and make it black, is the correct?Best regards,
MikeHi,
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,
MikeHi,
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,
MikeHi,
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,
MikeHey 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,
MikeHey 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
