Forum Replies Created
-
AuthorPosts
-
Hey Markus,
Thank you for the inquiry.
You can use one of the snippets that we provided in the following threads, and modify it a bit so that the language switcher is rendered beside the icon menu.
// https://kriesi.at/support/topic/wpml-language-selector-in-main-menu/#post-314208
// https://kriesi.at/support/topic/wpml-language-switcher-offers-languages-in-which-no-content-is-available/#post-1182955Best regards,
IsmaelApril 28, 2021 at 8:02 am in reply to: Language flags back in the menu after upgrading to 4.8.2 #1297113Hey Bernd,
Thank you for the inquiry.
The previous handlers for the language switcher have been transferred to a different config file. Try to use this filter instead.
//-------------------------------------------------------------- // Remove Enfold Language Switcher //-------------------------------------------------------------- function avia_remove_main_menu_flags(){ remove_filter( 'wp_nav_menu_items', array( 'avia_WPML', 'handler_append_lang_flags' ), 9998, 2 ); remove_filter( 'avf_fallback_menu_items', array( 'avia_WPML', 'handler_append_lang_flags' ), 9998, 2 ); remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10 ); remove_action( 'ava_main_header_sidebar', 'avia_wpml_language_switch', 10 ); } add_action('after_setup_theme','avia_remove_main_menu_flags');
Or use this..
function avia_append_lang_flags( $items, $args ) { return $items; }
Best regards,
IsmaelHi,
Thank you for the info.
The image in the milestone bullet is actually added as background and not as an actual image element, so it cannot have the overlay or the hover effect. But you can use css to create a different overlay effect.
.milestone_icon .milestone_inner:before { opacity: 0; content: '>'; display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; transition: all 1s; } .milestone_icon:hover .milestone_inner:before { background: rgba(255,255,255,0.5); opacity: 1; }
Best regards,
IsmaelHi,
Thank you for the update.
You should be able to use the Advance Layout Builder (ALB) for products. There should be an ALB switch button just below the product title field. Are you not seeing that button?
We logged in using the account above but we cannot access the dashboard. Please change the user role of the account to admin, or provide another account.
Best regards,
IsmaelHey Thomas,
Thank you for the inquiry.
Looks like the srcset option for the logo is not working properly because the dimension (width and height attributes) is defined in the markup. To make it work, please edit the enfold/framework/php/function-set-avia-frontend.php and around line 686, look for this code..
$logo_img = "<img {$resp_attr} {$dimension} alt='{$alt}' title='{$title}' />"; $logo = "<{$headline_type} class='logo'><a href='{$link}'>{$logo_img}{$sub}</a></{$headline_type}>";
.., then replace it with:
$logo_img = "<img {$resp_attr} alt='{$alt}' title='{$title}' />"; $logo_img = Av_Responsive_Images()->make_image_responsive( $logo_img, attachment_url_to_postid($logo), '' ); $logo = "<{$headline_type} class='logo'><a href='{$link}'>{$logo_img}{$sub}</a></{$headline_type}>";
We will forward the issue to our channel.
Best regards,
IsmaelHi,
Glad we could be of help! Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelApril 27, 2021 at 12:01 pm in reply to: Vollbild Slider macht Probleme Full | Full picture slider with problems #1296963Hey PremiumFood,
Thank you for the inquiry.
The slider looks alright on our end — the slider images are displaying properly. Please check the screenshot below.
How can we reproduce the issue?
Best regards,
IsmaelHey sitesme,
Thank you for the inquiry.
You will have to directly modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js file and adjust the transitionSpeed option around line 42.
//transition speed when switching slide transitionSpeed:900,
Or pass the options parameter in the js/shortcodes.js file, around line 180.
$('.avia-slideshow:not(.av_fullscreen)', container).aviaSlider();
Best regards,
IsmaelApril 27, 2021 at 7:57 am in reply to: Need help adding a full-screen static hero with a button #1296918Hey sldeutsch,
Thank you for the inquiry.
If complex animations or moving contents are not required, you can easily add a hero image using a Color Section with background or a Fullwidth Easy Slider. Have you tried those elements yet?
Best regards,
IsmaelHey danielem78,
Thank you for the inquiry.
Looks like the ads are there but they are not rendering properly. We do not see any errors in the console, so it is a bit difficult to know what is actually causing the issue.
Please try to disable the Autoptimize plugin temporarily, then purge the cache. Loading the script files separately might help.
Best regards,
IsmaelHey SNiestroj,
Thank you for the inquiry.
Looks like this is a known issue on version 1.7.1 as discussed in the following thread.
// https://github.com/Leaflet/Leaflet/issues/7255
To fix the issue temporarily, please use this filter in the functions.php file.
add_filter("avf_leaflet_maps_params", function($params) { $params[] = 'tap="false"'; return $params; }, 10, 1);
We will forward the issue to our channel.
Best regards,
IsmaelHey Matjaz,
Thank you for the inquiry.
Looks like you managed to do it using a caption overlay. You can remove the default title by editing the text block below the image element.
<h6>“Minutes from the capital”</h6>
You can also use css to adjust the position of the caption.
.av-image-caption-overlay-center { vertical-align: bottom; text-align: left; }
Or change it directly in the caption settings.
Best regards,
IsmaelHi,
Thank you for the info.
file needs to be added anywhere specific in the Child theme?”
The changes that we mentioned above should be done directly in the parent theme folder. The core files cannot be overridden directly in the child theme.
Please post the FTP details in the private field so that we could test the changes.
Best regards,
IsmaelHi,
Doing fine. Thanks for asking. How are you? :)
a – This means that the option (Load only used elements) is not working as it should. Did you use a cache plugin and enable the minification settings in there?
b – That is quite expected. As we mentioned above, the option (Load only used elements) will NOT work when the file compression settings are enabled, so for it work, files should be loaded separately.
Please post the login details in the private field so that we could check the issue further.
Best regards,
IsmaelHi,
Thank you for the update.
The size of the thumbnails used in the product gallery is 180x180px, and if you want to adjust it, try to use this filter in the functions.php file
add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) { return 'medium'; } );
The medium thumbnail size can be adjusted it in the Settings > Media panel. Default size is 300x300px.
Best regards,
IsmaelHi,
The script is actually not running correctly because of a jQuery error, found in the browser console. Please remove the code blocks containing the script, then use this one instead.
// custom script // scroll to active tab section function ava_custom_script_tab_section() { ?> <script type="text/javascript"> (function($) { function scrollToTab(s, e,) { $(s).on(e, function(event) { var anchor, loc, cur, hash, tab, parent, pos; if( e == 'load' ) { loc = window.location.hash; hash = loc; } else { loc = $(this).attr('href'); hash = loc.substring(loc.indexOf('#')); } tab = $('.av-section-tab-title[href='+ hash +']'); parent = tab.parents('.av-tab-section-outer-container'); pos = parent.offset(); tab.trigger('click'); if(hash) { setTimeout( function() { $(window).scrollTop( pos.top - 100 ) }, 1000 ); } }); } scrollToTab( '.menu-item a', 'click' ); scrollToTab( window, 'load' ); })(jQuery); </script> <?php } add_action( 'wp_footer', 'ava_custom_script_tab_section', 9999 );
Best regards,
IsmaelHi,
It took us a while but we have found out that the top bar or the phone info container is blocking the input field. To fix that, we have to add a space in the top area of the main header and move the widget down a bit. Please add this css code.
.html_header_top.html_bottom_nav_header #header_main { z-index: 3; padding-top: 15px; } #top .widget_product_search.widget { margin-top: 15px; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Thank you for your patience.
Best regards,
IsmaelApril 27, 2021 at 5:40 am in reply to: Google Analytics Cookies are set before accepting the cookie consent #1296889Hi,
Thank you for the update.
Can we access the site? We would like to test the changes above. Please provide the WordPress details in the private field and please make sure that the Appearance > Editor panel is accessible.
Best regards,
IsmaelHi,
No problem. For the mobile fly-out menu, try to use this css code.
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { border-color: #000000; } .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: #000000; }
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css, and make sure to purge the cache.
Best regards,
IsmaelApril 27, 2021 at 5:35 am in reply to: woocommerce category description displayed in title header #1296884Hi,
Can we access the site? We would like to check how the product categories are setup and inspect the theme options. Please post the login details in the private field.
Best regards,
IsmaelHi,
Thank you for following up.
Can we access the site? Please post the WordPress and FTP details in the private field, and disable the cache and minification plugins temporarily.
Best regards,
IsmaelHi,
Thank you for the clarification.
Instead of using the borlabs shortcode, try to apply the class names “_brlbs-btn-cookie-preference borlabs-cookie-preference” to the menu item, and leave a hashtag in the URL field. Borlabs script should be able to recognize the menu item with that class attribute and open the cookie preference box when clicked.
This is based on the documentation.
// https://borlabs.io/kb/opt-out-infos-setup/#
Best regards,
IsmaelHey Dave,
Thank you for the inquiry.
You can apply a negative left or right margin to the column element to pull them sideways to make the images overlap each other. There is an option or settings in the column element where you can apply these margins, but you can also use a custom css code to accomplish the same thing.
Best regards,
IsmaelHey havi,
Thank you for the inquiry.
Did you set the Enfold > Performance > Disabling of template builder elements settings to the second option (Load only used elements)? This should filter out unused scripts and stylesheets and prevent them from loading. However, please note that this option will only work if the Performance > File Compression settings are disabled.
Best regards,
IsmaelHi,
The input field is only clickable within the lower portion and it seems like there is something covering the upper area, but we cannot find it in the document, which is odd. It works when the screen width is lower than 989px.
Temporarily, you may want to consider removing the search widget and enable the default search icon instead.
Best regards,
IsmaelHey kellyCraftMedia,
Thank you for the inquiry.
The product gallery looks totally fine on our end, as shown in the screenshot below.
Screenshot: https://imgur.com/UW43gxc
Is that how you see the gallery?
The snippets in the following documentation might help.
// https://docs.woocommerce.com/document/image-sizes-theme-developers/
The filters there should adjust the size of the thumbnails.
Best regards,
IsmaelHi,
No problem! Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for following up.
You do not have to create a destination anchor inside the tab section, the script will handle that. The anchor should be based on the tab section title’s href attribute value, so for Behavioral Health for example, the menu item should have this URL.
http://site.com/what-we-do/#behavioral-health
And you have to remove the custom ID (behavioral) that you applied to the column element inside the Behavioral Health section.
Again, the anchor #behavioral-health is based on the href attribute value of the tab section title.
<a href="#behavioral-health" data-av-tab-section-title="2" class="av-section-tab-title av-tab-with-icon av-tab-no-image av-active-tab-title" role="tab" tabindex="0" aria-controls="av-tab-section-1-2" style="color: rgb(0, 0, 0);"><span class="av-tab-section-icon" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></span><span class="av-outer-tab-title"><span class="av-inner-tab-title">Behavioral Health</span></span><span class="av-tab-arrow-container"><span style="background-color: rgb(53, 56, 60);"></span></span></a>
Best regards,
IsmaelHi,
@bigamist: You could create the same layout using multiple color sections with fixed background. With layer slider, you have to use the Pro version with the play-by-scroll option.// https://layerslider.kreaturamedia.com/sliders/play-by-scroll/
@filipro: Good job. Thanks for sharing!
Best regards,
IsmaelApril 26, 2021 at 9:48 am in reply to: woocommerce category description displayed in title header #1296697 -
AuthorPosts