Forum Replies Created
-
AuthorPosts
-
Hi,
UPDATE: We found the style problem as suspected previously. Please try to add this css code to remove the unwanted padding for the list element.
.entry-content-wrapper .threesixty_images li { padding: 0 !important; }
Best regards,
IsmaelHey Tobias,
Thank you for the inquiry.
We can reproduce the issue on our end but we cannot see any errors and the markup of the image sequence looks fine. It might be a style issue, but we cannot figure out where. We may need some help from the plugin developers because currently we have no idea why the image spirals up.
Best regards,
IsmaelFebruary 25, 2021 at 2:35 pm in reply to: fonts don't load correctly on first operning of website #1283673Hi,
Thank you for the update.
Yes, the font files are probably blocked initially because of the privacy options, so users have to accept the cookies first or give their consent to the privacy policies and refresh the page. If you want the font files to load without user consent or without them interacting with the privacy options first, the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior settings has to be set to the first or second option.
Best regards,
IsmaelHi,
Thank you for the update.
Instead of using the window.load function, try to use the following instead.
$(document).ready(function(){ // code here }):
It might not be working because window.load is already deprecated or invalid.
Best regards,
IsmaelHey marcie73,
Thank you for the inquiry.
Currently, there is no other way to load the icon font aside from using font face, so the only way to optimize it is to adjust the font-display property.
function avf_custom_font_display( $font_display, $font_name ) { // Check for a font and change the default theme setting if( 'entypo-fontello' == $font_name ) { return 'block'; } return $font_display; } add_filter( 'avf_font_display', 'avf_custom_font_display', 10, 2 );
This makes sure that the icons are not visible while the font file is still loading. However, please note that this change will not affect the improve the score in the page speed insight tool.
Best regards,
IsmaelHi,
Thank you for the update.
We tried to modify the css code but it did not change anything. The fonts are still not loaded, then we tried to download one of the ttf files and install it but we get an error saying that the font file is invalid. Where did you get the font files?
Best regards,
IsmaelFebruary 25, 2021 at 1:45 pm in reply to: Blog Post Grid Layout – Title, Author, Date display #1283657Hi,
Thank you for the update.
If you want the custom field before the content, please edit the line that we mentioned above..
$items .= " <div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div> ";
.. and replace it with:
$outlet = get_post_meta($the_id, 'outlet', true); if(!empty($outlet)) { $outlet_output = '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' '; $outlet_output .= $outlet; $outlet_output .= '</span><span class="text-sep text-sep-cat">/</span>'; } $items .= " <div class='av-masonry-entry-content entry-content' {$markup}>{$outlet_output . $content}</div> ";
Best regards,
IsmaelHi,
Thank you for the inquiry.
We are not yet sure why the smoothscroll function is not working, so we disabled it temporarily from the js > avia.js file.
//smooth scrooling if($.fn.avia_smoothscroll) //$('a[href*="#"]', container).avia_smoothscroll(container);
The anchor links are now working, but smooth scrolling is gone. We will let you know once we have found the issue.
Best regards,
IsmaelFebruary 25, 2021 at 1:23 pm in reply to: LayerSlider – Uncaught ReferenceError: jQuery is not defined #1283648Hi,
Thank you for the update.
The solution or snippet that we provided in the following thread might help.
// https://kriesi.at/support/topic/layer-slider-not-works/#post-1283647
Please add it in the functions.php file, then purge the cache.
Best regards,
IsmaelHi!
Thank you for the update.
In your installation, we noticed that the layerslider jquery script has this attribute, which does not exists in our own installation.
data-cfasync="false
This was added using a filter, so we used this snippet in the functions.php file to register the scripts again and remove the data attribute.
add_action("wp_enqueue_scripts", function() { wp_deregister_script('layerslider' ); wp_deregister_script('layerslider-utils' ); wp_register_script('layerslider', LS_ROOT_URL.'/static/layerslider/js/layerslider.kreaturamedia.jquery.js', array('jquery'), LS_PLUGIN_VERSION, true ); wp_register_script('layerslider-utils', LS_ROOT_URL.'/static/layerslider/js/layerslider.utils.js', array('layerslider'), LS_PLUGIN_VERSION, true ); }, 999); function avf_script_loader_tag_mod( $tag, $handle, $source ) { if ( "layerslider" === $handle || "layerslider-utils" === $handle ) { $tag = str_replace( "data-cfasync=\"false\"", '', $tag ); } return $tag; } add_filter( 'script_loader_tag', 'avf_script_loader_tag_mod', 999, 3); add_action("after_setup_theme", function() { remove_filter('script_loader_tag', 'layerslider_script_attributes', 10, 3); }, 999);
The jQuery errors are now gone, but the old sliders are still working properly. However, newly created sliders work just fine. Please check the private field.
Cheers!
IsmaelHey natas442,
Thank you for the inquiry.
The search seems to be working properly on our end, but if you want to disable the AJAX search, please include this snippet in the functions.php file.
function avf_frontend_search_form_param_mod($params) { $params['ajax_disable'] = true; // disable ajax search return $params; } add_action('avf_frontend_search_form_param', 'avf_frontend_search_form_param_mod',9);
Best regards,
IsmaelHey prompos1234,
Thank you for the inquiry.
We cannot find any issues in the home page and there are no errors in the console either. Did you figure out the issue? You might have to purge the cache and regenerate the compressed files after doing the update. If the issue persists, try to install the following plugin and downgrade jQuery to an older version.
// https://wordpress.org/plugins/enable-jquery-migrate-helper/
Best regards,
IsmaelHey KeesKaas,
Thank you for the inquiry.
We could use this css code in the Quick CSS field to change the color of the selected or highlighted text.
::-moz-selection { /* Code for Firefox */ color: red; background: yellow; } ::selection { color: red; background: yellow; }
Best regards,
IsmaelHey sabsab,
Thank you for the inquiry.
We are not really sure what to check or how the header should actually look, but we noticed this class name “darkmode-ignore”. Did you add it manually? Would you mind providing a screenshot of the issue? Please use image hosts such as imgur or dropbox for the screenshot.
Best regards,
IsmaelHey Guenter,
Thank you for the inquiry.
You may need to check for the user capability using the current_user_can function.
// https://developer.wordpress.org/reference/functions/current_user_can/
For admin, try to check if the user can install plugins or themes.
// https://wordpress.org/support/article/roles-and-capabilities/
Best regards,
IsmaelHi,
Thank you for the inquiry.
We could use this css code to make the badge always visible.
#av-cookie-consent-badge { opacity: 0.7; visibility: visible; }
Then use this script to hide the message bar on initial load.
// a custom script function ava_custom_script_mod() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', ' (function($) { $(document).ready(function() { $(".avia-cookie-consent").addClass("cookiebar-hidden"); }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);
We have not tested this fully, so it might cause unintended privacy options behavior.
Best regards,
IsmaelHi,
Thank you for the update.
The whole image shows when we resize the browser and it seems to be an issue with the lazy loading option. What happens when lazy loading is disabled? You may also need to temporarily disable file compression and the cache plugin while testing.
Best regards,
IsmaelFebruary 24, 2021 at 4:31 pm in reply to: Menüführung bei Enfold – WooCommerce – Produkte – Poduktkategorien #1283442Hey Oliver,
Thank you for the inquiry.
We are not really sure how the plugin assigns a different menu for a different page, but it probably overrides the default menu arguments using the wp_nav_menu_args filter, so you should be able to use the following snippet in the functions.php file to assign a different menu on the product archive pages.
add_filter("wp_nav_menu_args", function($args) { if(is_post_type_archive("product")) { $args["menu"] = wp_get_nav_menu_object(get_term_by( 'slug', 'new-menu', 'nav_menu' )); } return $args; }, 999, 1);
Just replace new-menu with the actual slug of your preferred menu.
You could also try one of the following plugins to give you more control over the menu items’ visibility.
// https://wordpress.org/plugins/menu-items-visibility-control/
// https://wordpress.org/plugins/if-menu/Best regards,
IsmaelHi,
Thank you for the update.
You may need to use RGBA color values for the text block background or append the opacity value for the current hex color.
// https://www.w3schools.com/css/css_colors_rgb.asp
// https://davidwalsh.name/hex-opacitySo a white color with 70% opacity should be..
#FFFFFFB3
Best regards,
IsmaelFebruary 24, 2021 at 4:02 pm in reply to: Portfolio Grid icon overlay always visible rather than just on hover #1283428Hey Birdster,
Thank you for the inquiry.
The opacity of the overlay is set to 0 by default, and this opacity is increased on hover, so this css code should work to make the overlay always visible.
.image-overlay { opacity: 0.5; filter: alpha(opacity=0.5); }
Best regards,
IsmaelHi,
Can we deactivate the plugins temporarily while checking the issue? The sliders are not displaying because according to the browser console, jQuery is not defined or is not loaded. We cannot reproduce the same issue on our end, so this is probably caused by a plugin or by a custom modification in the theme.
Thank you for your patience.
Best regards,
IsmaelFebruary 24, 2021 at 3:46 pm in reply to: How to add copyright info to all images on website? #1283417Hi,
Which code are you referring to, and on which element are you trying to apply the copyright? Please provide a link to the page in question so that we could check it.
Best regards,
IsmaelHi,
Thank you for the update.
We can use the following css code to adjust the position of the top menu and of the phone info, make sure to include the code inside the css media query that Victoria created and suggested above.
.av_secondary_right .sub_menu { padding-left: 0; } .responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul { float: none; text-align: right; margin: 0; position: static; width: auto; } .responsive .phone-info { float: right; width: auto; clear: none; text-align: right; } .responsive #header_meta .sub_menu > ul { width: auto; text-align: right; } .responsive #header_meta .sub_menu > ul > li:last-child { padding-right: 0; }
Best regards,
IsmaelHi,
Thank you for the update.
1.) Yes, the analytics field should also work for the latest GA4 tag as described in the avia_get_tracking_code function inside the functions-enfold.php file.
/** * Make google analytics code work, even if the user only enters the UA id (UA-[0-9]*-[0-9]*). * With 4.8 support is extended for new GA4 tracking code G-[0-9A-Za-z] (Jan. 2021 - https://github.com/KriesiMedia/wp-themes/issues/3032 ) * * The async tracking code is placed in the header (GDPR is supported to only load when allowed). * * @return void */
2-3.) It should be added in the Enfold > Google Services > Google Analytics field, which also ensures that the privacy settings for it will also work. We could add it using wp_head hook or by putting it directly in the template (header.php file), but the designated privacy settings will not work.
Best regards,
IsmaelHey ValerioGem,
Thank you for the inquiry.
You are probably on the right track using the Masonry Gallery and the items’ Custom Link field or option, just make sure that the Advanced > Link Settings > Image Link settings is set to the second option (Use custom link) so that it actually uses the entry or the URL set in the Custom Link field.
Best regards,
IsmaelHey wtechgr,
Thank you for the inquiry.
The hidden input field is a decoy, which should be empty, and is added to trick spam bots, and so when this hidden input is filled, the form will not be sent. We could remove that decoy by editing the enfold\config-templatebuilder\avia-shortcodes\contact\contact.php, and by removing this code around line 898.
//fake username field that is not visible. if the field has a value a spam bot tried to send the form $elements['avia_username'] = array( 'type'=>'decoy', 'label'=>'', 'check'=> 'must_empty' );
This, however, will decrease form security but you could still use other form protection such as the Google reCAPTCHA.
And regarding the contrast issue, the tool might be giving lower scores because you are using a background image. Contrast check is much more effective when testing a font color against a solid background, so adding a box with a solid background behind the text should help.
Best regards,
IsmaelFebruary 23, 2021 at 4:27 pm in reply to: Plugin conflict removes kitchen sink from wysiwyg #1283126Hi,
Thank you for the info.
I’m still not getting the option in the Avia Layout Builder.
Does it disappear on all elements using the text editor? Aside from the plugin Yigit suggested above, you might be able to use the following plugin to bring back the kitchen sink to the text editor.
// https://wordpress.org/plugins/tinymce-advanced/
The login info above is no longer working, so we were not able to check the site properly.
Best regards,
IsmaelHi,
Thank you for the update.
We can initially hide the forms with this css code.
#order_review .form-row-first, #order_review .form-row-last, .woocommerce-form-coupon-toggle + p { display: none; }
And use this script in the functions.php file to toggle their visibility when the showcoupon link is clicked.
// a custom script function ava_custom_script_mod() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', ' (function($) { $(".showcoupon").on("click", function() { $("#order_review .form-row-first, #order_review .form-row-last, .woocommerce-form-coupon-toggle + p").toggle(); }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);
Let us know if it helps.
Best regards,
IsmaelFebruary 23, 2021 at 4:03 pm in reply to: Enfold Gaming Demo Menu functionality on Sub Menu #1283119Hey raquelravanini,
Thank you for the inquiry.
Yes, that is possible. You have to create sections using the Color Section element with a unique ID, which can be added in the color sections’ Advanced > Developer Settings > Custom ID Attribute field. We can then create a menu item or a source anchor that links to this color section, so when the unique ID of the color section is “section-1” for example, the navigation URL of the menu item or of the source anchor should be “http://site.com/page/#section-1”, and when clicked, the page should scroll to the color section or to the destination anchor.
Best regards,
IsmaelHey santinimedia,
Thank you for the inquiry.
The speed or duration of the accordion toggles can be adjusted but we have to directly modify the enfold\config-templatebuilder\avia-shortcodes\toggles\toggles.js and adjust the duration of the slideDown and slideUp functions manually. In the said file, please look for this code around line 76..
content.slideUp(200, function()
.. and adjust the current duration, which is 200ms.
And around line 204, look for this code and once again, adjust the duration value.
content.slideDown(200,
We were not able to check the site because it is on maintenance mode.
Best regards,
Ismael -
AuthorPosts