Forum Replies Created
-
AuthorPosts
-
October 2, 2020 at 7:19 am in reply to: Image and Title or Custom Alt Attribute when mouseover not working #1249983
Hey Jak73,
Thank you for the inquiry.
The title of the image is there but for some reason it does not display on hover. To fix the issue, we could apply the same title attribute to the parent container or to the link tag.
Please add this snippet in the functions.php file.
add_action("wp_footer", function() { ?> <script> (function($) { $(document).ready(function() { $(".avia_image").each(function() { var title = $(this).attr("title"); $(this).parents("a").attr("title", title); }); }); })(jQuery); </script> <?php }, 999);
Best regards,
IsmaelHi,
The policy has been around since 2017 and it is still in effect. It is possible that you have crossed the Media Engagement Index threshold before (see above) because you have played the video previously, so it automatically plays whenever you visit the site. Did you switch to a different computer or network?
Unfortunately, we won’t be able to do anything to get passed the browser limitation or policy, so the video has to be muted if you want it to play automatically on page load.
Best regards,
IsmaelHi,
We just realized that the video is not working as expected because of how the portfolio preview is loaded or rendered in the page. On initial load, the preview is not actually part of the page and will only get included in the page when the corresponding portfolio item for that preview is clicked. This causes the script that is supposed to play the video to fail.
As a workaround, we used the iframe tag instead of the video shortcode. (see private field)
Best regards,
Ismael-
This reply was modified 4 years, 9 months ago by
Ismael.
Hi,
Thank you for the update.
The entries in the timeline element do not resize or respond properly because of this css code.
.av-milestone { width: 406px !important; }
This sets the width to 406px even on smaller screens. You may need to remove the css code or wrap it inside a css media query so that it does not affect the default style on mobile view.
@media only screen and (min-width: 989px) { /* Add your Desktop Styles here */ li.av-milestone { width: 406px !important; } }
Best regards,
IsmaelHi,
Thank you for the update.
It is possible that the Arabic text are converted to characters that the tab section script could not read, so the link is not working as expected.
We could not reproduce the issue on the latest version of the theme. Do you have the version 4.7.6.3 installed? The link defaults to the anchor with this format when the title is written on Arabic.
#av-tab-section-1-2
Best regards,
IsmaelOctober 2, 2020 at 5:36 am in reply to: Enfold upgrade caused featured image bubbles to not display on search results #1249971Hey hostworks,
Thank you for the inquiry.
That is actually the default layout of the search results page — featured images are not included. But we could modify the search template to show the image for each post.
// https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253
// https://kriesi.at/support/topic/add-featured-image-to-search-results/#post-249161Best regards,
IsmaelHi,
Thank you for following up.
You might be looking on a cached version of the page with the old script. Please try to purge the plugin cache and remove the browser history, then check the page again.
You might also have to adjust the hard coded height value in the js > avia.js, line 1619.
default: pos1 = (offset.top + (element.outerHeight() / 2)) - (350 / 2); break;
Replace 350 with a lower value to move the tooltip upwards.
Best regards,
IsmaelOctober 2, 2020 at 5:21 am in reply to: blog post / grid layout / color code based on category #1249968Hi,
Thank you for the update.
Looks like you have already managed to add the category to each post and apply the appropriate style or borders.
#top .whats-new-grid article.slide-entry.Recipes { border-bottom: solid 10px #fcda02; } #top .whats-new-grid article.slide-entry.Hot-Tips { border-bottom: solid 10px #11ab6c; }
Let us know if you need anything else.
Best regards,
IsmaelOctober 2, 2020 at 5:13 am in reply to: Disable "adding timestamps to merged files" directly in wp_options table? #1249967Hey DigitalBeatGmbH,
Thank you for the inquiry.
We could use this snippet in the functions.php file to update the value of the merge_disable_unique_timestamp option.
add_action('after_setup_theme', function() { avia_update_option('merge_disable_unique_timestamp', 'disable_unique_timestamp'); }, 999);
Refresh the dashboard or the page once or twice, then remove the snippet.
Best regards,
IsmaelHey Diana,
Thank you for the inquiry.
We are not really sure why this warning occurs, but it looks like a false positive because the font file (.eot) is actually accessible or available in the front end, it is not a protected page or file.
Which PCI compliance scan tool are you using?
Best regards,
IsmaelHi,
Thank you for the update.
Do you recommend any way to put the classic search engine in the menu?
Would you like to add the Google search in the menu? If that is what you are asking, then this plugin might be able to help.
// https://wordpress.org/plugins/wp-google-search/
We could create a new widget area, name it header, insert the Google search widget inside the widget are, then add the following snippet in the functions.php file to render the widget inside the header.
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }
For more info, please check the documentation.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
IsmaelHi,
Thank you for the clarification.
In the previous css code, try to remove the border-bottom property or set it to zero and adjust padding-bottom value to increase the space between the email and mobile info.
.topKontakt a { width: 215px; border-bottom: 0; padding-bottom: 20px; display: block; }
For the main menu, the css code above should increase the height of the separators to 55px. If you would like to set the width of each item to 162px, replace the css code with this.
.av-main-nav > li { line-height: 55px; width: 162px; }
This might require adjustment on smaller screens using css media queries.
Best regards,
IsmaelHi,
Thank you for the inquiry.
This might be due to the privacy settings. Did you set the videos to load or play only on user interaction? This will redirect the users to the actual vimeo site unless they already accepted the privacy cookies. Please try disabling the privacy options temporarily and see if it changes anything.
Best regards,
IsmaelHey cnarea2020,
Thank you for the inquiry and for doing most of the tests.
The theme uses the use_block_editor_for_post and use_block_editor_for_post_type filters to enable or disable the block editor for the posts based on the option set in the Enfold > Theme Options > Select Your Editor settings. Aside from adding a toggle switch and monitoring the changes in the block editor, the theme doesn’t really alter how the editors work.
// https://developer.wordpress.org/reference/functions/use_block_editor_for_post/
Please post the login details of the staging site in the private field so that we could check the issue further.
Best regards,
IsmaelOctober 1, 2020 at 12:16 pm in reply to: PNG images have thin tear in right corner when used within gallery media element #1249856Hi,
Thank you for the inquiry.
This issue does not happen on our installation as shown in the screenshot of a gallery below. Original size of the images is around 1920x1080px, and the selected thumbnail is “Portfolio (496x400px)”.
Screenshot: https://imgur.com/7Eg1KwZ
Did you install an image compression or optimization plugin?
Best regards,
IsmaelOctober 1, 2020 at 11:56 am in reply to: Fullscreen Slider Video, Fallback Image and YouTube #1249849Hey npmcgrew,
Thank you for the inquiry.
We did not find any slider in the home page. Did you remove it? The fallback image should not display on desktop view because the image tag is created dynamically with a script only on mobile view.
Best regards,
IsmaelOctober 1, 2020 at 5:40 am in reply to: full-width category banner with cat title as h1 and cat description banner #1249795Hey marcfrey,
Thank you for the inquiry.
We could disable the default avia_woocommerce_big_cat_banner function, copy the whole function to the child theme and rename it a bit, my_avia_woocommerce_big_cat_banner_mod for example, so that we do not cause any duplicate function errors. We can then do our own modifications for that function and to the avia_woocommerce_parallax_banner function which renders the parallax and the description. Again, we have to copy the avia_woocommerce_parallax_banner function to the child theme and rename it to avoid creating a script error.
Use this snippet in the functions.php file to disable the avia_woocommerce_big_cat_banner hook.
remove_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner', 11 );
To hook the modified function back after doing the modifications, we could add this snippet.
add_action( 'ava_after_main_container', 'my_avia_woocommerce_shop_banner_mod', 11 );
Best regards,
IsmaelHey DPGROUP,
Thank you for the inquiry.
Which of the products contain variations? You may need to set the Enfold > Opzioni Negozio > Galleria prodotto to the second option to display the default product gallery and have it so that the gallery show the appropriate product image when a different variation is selected.
Best regards,
IsmaelHey rotarex,
Thank you for the inquiry.
The following threads should help provide additional insight regarding layout shifts in the page. We suspect that this is due to excessive elements in the page, the main menu or the pseudo elements used to show the icons.
// https://kriesi.at/support/topic/enfold-and-google-core-web-vitals
// https://kriesi.at/support/topic/fullscreen-slider-causing-a-cumulative-layout-shift-on-mobile/
// https://kriesi.at/support/topic/page-speed-cumulative-layout-shift-cls/
// https://kriesi.at/support/topic/where-can-i-download-older-enfold-versions-2/Best regards,
IsmaelOctober 1, 2020 at 5:10 am in reply to: Fixed button stacking order issue and making videos full width on mobile. #1249791Hi,
Thank you for the inquiry.
The theme automatically wraps elements inside a container if they are not inside a color or grid section, so applying the z-index directly to the sticky button does not work because it is still inside a section that is lower in the stack order. To fix the issue, try to move the sticky button inside a color section or grid row, then apply the z-index to that element instead of the button. You could also apply a unique class or ID attribute to the section when necessary.
The automatically generated ID of the current section containing the sticky button is after_section_2, so the following css code should also work in case you don’t want to wrap the button in a new section as suggested above.
#after_section_2 { z-index: 999999 !important; position: relative; }
Best regards,
IsmaelHi,
Thank you for the update.
This might be the same issue as the one we encountered before which turned out to be an issue with the database. The sliders do not display because in the database there is a missing column called group_id that is supposed to be inside the layerslider table. For some reason, this column is not available, so to fix the issue, we have to manually create the group_id column in the database.
Please check this thread.
// https://kriesi.at/support/topic/layer-slider-fails-on-enfold-update-4-6/#post-1159740
Best regards,
IsmaelHey robearri,
Thank you for the inquiry.
Those are still product attribute filters using product variations, same as the other filters available in the shop page. More info about the product attribute filters can be found in these documentations.
// https://docs.woocommerce.com/document/woocommerce-widgets/
// https://docs.woocommerce.com/document/managing-product-taxonomies/Best regards,
IsmaelHi,
Thank you for the inquiry.
We tried to access the site using the account above but the info seems to be incorrect. Please post the correct htaccess info in the private field so that we could check the product page.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Where did you get the font? Please note that only fonts from Google are allowed in the custom font manager. Other custom fonts will not work even when you managed to successfully load them to the server.
Best regards,
IsmaelHey BastograPhy,
Thank you for the inquiry.
This issue usually occurs when the gallery contains a lot of images, or when the page is big that it takes quite a while to load. To prevent the gallery images from stacking up while they are loading, we could add this snippet in the functions.php file to trigger a resize event and force the gallery items to reposition until the page is fully loaded.
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize(){ ?> <script> (function($){ var int = window.setInterval(function(){ $(window).trigger('debouncedresize resize'); }, 1000); $(window).load(function () { setTimeout(function() { clearInterval(int); }, 5000); }); })(jQuery); </script> <?php }
Best regards,
IsmaelHey satucker,
Thank you for the inquiry.
1-2.) We could control the visibility of the elements or sections on different screen sizes by editing the Responsive options in the elements’ Advanced panel. This should allow us to create different layouts on desktop, tablet and phone view. In the new layout, we could add the heading first before the color section and supply a different background image or adjust the background position so that the top area of the image is visible.
3.) Looks like you have managed to adjust the style of the headings from the Advanced Styling panel.
Best regards,
IsmaelHi,
We could not access the site using the login details above. Please check the info carefully.
Did you upload the demo xml files from the themes\enfold\includes\admin\demo_files folder?
Thank you for your patience.
Best regards,
IsmaelHi,
@Saltandripple: Thank you for the inquiry. Please open or create a new thread and post the site details in the private field so that we could inspect the issue. Have you tried to temporarily disable the plugins?Best regards,
IsmaelHi,
Thank you for the update.
Looks like the default border for the color section element has been removed in the latest version. In the page below, we added 3 succeeding color sections with text blocks in each, and they are all without border.
// https://imgur.com/a/3QPgERD
Best regards,
IsmaelHi,
Sorry for the delay. Are you using the Product Grid element? Most of the product filters including the default filter widget from Woocommerce only works in the default base shop and product category pages. Unfortunately, they are not compatible with the Product Grid element. So you have to enable or use the default shop and product archive pages in order to make the filters work.
Best regards,
Ismael -
This reply was modified 4 years, 9 months ago by
-
AuthorPosts