Forum Replies Created
-
AuthorPosts
-
March 9, 2020 at 11:30 am in reply to: Enfold or Slider Revolution conflict showing Vimeo video in slider #1191427
Hi,
Thank you for the update.
Looks like the onMessageReceived function or listener is not receiving the data value immediately, and thus creating the error. To prevent it from generating the error, we added this code around line 767 of the same file.
if(!data) { return false; }If the data is yet undefined return nothing.
Best regards,
IsmaelHi,
The video itself actually contains the black bars or space. You may have to edit the video and remove the bars, then upload it again. (see private field)
Or try to use this css code to stretch it.
#top #av_section_1 .av-section-video-bg iframe, #top #av_section_1 .av-section-video-bg embed, #top #av_section_1 .av-section-video-bg object, #top #av_section_1 .av-section-video-bg video { width: 1988px !important; left: -292px !important; height: 120vh !important; }Best regards,
IsmaelMarch 9, 2020 at 10:45 am in reply to: Small correction hamburger icon in layout.css for next update #1191418Hi,
This is a screenshot of the demo in a Firefox browser/device emulator — view port width is set to 900px. The lines in the burger menu are still the same.
Screenshot: https://imgur.com/a/5E4pJkK
We can’t reproduce the styling issue either. This screenshot is taken in the same browser — width is set to 800px.
Screenshot: https://imgur.com/a/kvWPxxu
As you can see, burger menu is still orange as set in the theme options panel.
We’ll close this thread for now. Please don’t hesitate to open a new one if you require more assistance.
Best regards,
IsmaelMarch 9, 2020 at 10:36 am in reply to: Fixed background issue on Firefox and Safari for mobile #1191415Hi,
Sorry for missing or for forgetting that info. Have you tried the css code above? Looks like the only workaround is to set background-attachment property from fixed to scroll on mobile view.
Best regards,
IsmaelHi,
You’re welcome. Thank you for the kind words.
Now, to move the category above the image, add this snippet in the functions.php file.
function ava_custom_js_footer_code() { ?> <script> (function($) { $('.slide-entry').each(function() { var entry = $(this), image = entry.find('.slide-image'), cat = entry.find('.blog-categories'), meta = entry.find('.slide-meta'), title = entry.find('.slide-entry-title'); cat.appendTo(image) meta.insertAfter(title) }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_js_footer_code');Then use this css code to adjust the position of the category container.
.html_elegant-blog #top .avia-content-slider .blog-categories.minor-meta { position: absolute; top: 10px; }Best regards,
IsmaelHi,
Thank you for the clarification.
You should be able to use the “woocommerce_gallery_thumbnail_size” filter to change the image size used for the gallery thumbnails.
function avf_custom_woocommerce_gallery_thumbnail_size() { return 'full'; } add_filter( 'woocommerce_gallery_thumbnail_size', 'avf_custom_woocommerce_gallery_thumbnail_size' );Best regards,
IsmaelHi,
We got a different error when we tried to validate the key again.
Google Maps JavaScript API error: ExpiredKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#expired-key-map-errorThe key has expired or it has been erased. Please generate another API key from the same project where the Geocoding Services API is enabled.
Thank you for your patience.
Best regards,
IsmaelHi,
You’re welcome. We’ll close the thread now. Please don’t hesitate to open a new one if you need anything else.
Thank you for your patience. Have a nice day.
Best regards,
IsmaelHi,
When adding multiple images to the “Fullscreen Slider” via the Page Builder, the sort order is not working like it should.
just found the solution. Shift-Hold
Holding the Shift key will not really affect how you drag and drop or sort the images in the Full Screen slider element. Can you provide a screencast of the issue?
Best regards,
IsmaelHi,
2.) Based on the screenshot, looked like you wanted a grid layout for the archive pages, but apparently not. If you want to remove the post meta info from the post item and leave the title, use this css code.
.post-meta-infos { display: none; }3.) Did you use the code sample provided in the documentation? That should loop through the available categories.
// https://developer.wordpress.org/reference/functions/get_categories/#user-contributed-notes
Best regards,
IsmaelHi,
Did you specify the transition effect for each slides? The blink seems to stop once the browser is resized. Please try this script in the functions.php file.
function ava_enqueue_custom_script_resize() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', "(function($){ var int = window.setInterval(function(){ $(window).trigger('resize'); $(window).trigger('av-content-el-height-changed'); }, 2000); $(window).on('load', function() { setTimeout( function() { clearInterval(int); }, 1000 ); }); })(jQuery);" ); } } add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);Best regards,
IsmaelMarch 6, 2020 at 11:35 am in reply to: Accordion Element: All toggles display OPEN and do not close when clicked #1190823Hi,
Thank you for the update.
It was an issue with the merged file which probably contained the old scripts. We disabled the Enfold > Performance > File Compression settings temporarily and this fixed the issue with the toggles. You can turn it back on if necessary.
Best regards,
IsmaelHi,
Sorry for the delay. There is actually a new option that will set the sub menu items to display or open on click instead of hover. Please go to the Enfold > Main Menu > Burger/Mobile Menu panel, look for the Menu Icon Submenu items settings and set it accordingly. You don’t need to modify any files to accomplish this. If you need further help, please don’t hesitate to create a new thread.
Best regards,
IsmaelHi,
Sorry for the late response. We can adjust the width of the cells and create more space for the icon grid when the screen width is less than 1024px.
@media only screen and (max-width: 767px) { #top .flex_column_table { display: block; width: 100%; } #top .flex_column_table_cell { display: block; width: 100% !important; } }This will make the cells full width and they will stack on top of each other same as they do on mobile view.
Best regards,
IsmaelHey dondela,
Thank you for the inquiry.
You can actually include the privacy toggles or shortcodes in the cookie consent message bar.
[av_privacy_google_tracking] [av_privacy_google_webfonts] This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.This will display two privacy toggles, one for the Google tracking and another for Google fonts, the default cookie consent message and the privacy buttons if available.
Or as we usually recommend, you can add another button in the consent bar that opens the Modal Popup Window containing toggles for the remaining cookies. Please check the documentation for more info.
// https://kriesi.at/documentation/enfold/privacy-cookies/
Best regards,
IsmaelHey whdsolutions,
Thank you for the inquiry.
Try to set the Styling > Background Video > Video Aspect Ratio to 16:9 instead of 4:3. That should make the video cover the whole section.
Best regards,
IsmaelHi,
Sorry for the delay. You can use this css pattern to change the background color of the sub menu items of a specific parent menu item in the mobile menu. The following css in particular will affect the UBI menu item and its child menus.
.av-burger-overlay li.menu-item-10 .sub-menu li a { background: #2D509F !important; }We can reuse that pattern to change the other menu items. Noticed the li.menu-item-10 in the selector? 10 is the id of the menu item UBI, so to change the Buddhismo menu item, which has a menu id of 24, just copy or duplicate the css code, replace li.menu-item-10 with li.menu-item-24 and replace the background color accordingly.
.av-burger-overlay li.menu-item-24 .sub-menu li a { background: #F7A713!important; }You should also add the following css code to change the font color of the child menus to white.
.av-burger-overlay li .sub-menu li a .avia-menu-text { color: #ffffff !important; }Best regards,
IsmaelHi,
Thank you for the update.
The thumbnails are displaying fully in the shop page now. Did you manage to adjust the aspect ratio in the customizer? If you need more help, please post the login details in the private field.
Best regards,
IsmaelHi,
We are not gonna rely and gamble our entire business on some plugin. If we don’t get that plugin working one day then our business is not working either.
All it does is find and replace data (e.g the site URL) within the database and export the SQL file. You will then have to manually import the file to the new database. Please check the video in the page below.
1.) Find and replace the data you want directly within the WP Migrate DB interface.
2.) Export the SQL.
3.) Import into your new database using a tool such as phpMyAdminSet the production site to maintenance mode and create a backup or a restore point. After that, go to the staging site and install the WP Migrate DB plugin, do the find and replace and export the SQL file, which now hopefully, contains the correct URL. As instructed in the video, you will have to manually import the database file to the production site using phpmyadmin. If all went well, you should be able to access the wp-admin and from there, go to the Enfold > Performance panel and disable the File Compression settings. You should also disable the plugins temporarily, specially those that are related to cache and script compression.
We update the theme and get critical error.
What are the errors? Can you disable the redirect temporarily so that we can check the issue in the actual site?
Best regards,
IsmaelHi,
You can use this code to run the remove_action after the whole theme is loaded.
add_action('after_setup_theme', function() { remove_action('tribe_events_template', 'avia_events_tempalte_paths', 10, 2); });If it didn’t work, you can revert back to the previous solution.
Best regards,
IsmaelHi,
Thank you for following up.
We found a minor error in the script and fixed it. It is working properly now, but the Image elements may require a few style adjustments.
Best regards,
IsmaelMarch 6, 2020 at 8:17 am in reply to: the events calendar widget not working on Search Result Sites #1190777Hi,
Thank you for the clarification.
We tried to login to the site but account above is invalid. Please check the info carefully.
Looks like you’re using a default widget from the Tribe Events Calendar plugin. Did you contact the plugin developers?
Best regards,
IsmaelHi,
Thank you for the update.
This is the hover style of the button.
.read-more-link a:hover { color: #fff; border-color: #c3a069; background-color: #c3a069; -webkit-box-shadow: 0 20px 40px rgba(49,50,54,.3); box-shadow: 0 20px 40px rgba(49,50,54,.3); -webkit-transition: all .15s cubic-bezier(.4,0,.2,1); transition: all .15s cubic-bezier(.4,0,.2,1); }In the previous css code, please replace the selector:
.read-more-link..with:
.read-more-link aBest regards,
IsmaelHi,
You’re welcome!
You can use this one to add some space or margin below the checkbox.
.comment-form-cookies-consent { margin-bottom: 20px !important; } .comment-form-cookies-consent label { margin-top: -5px; }If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelMarch 6, 2020 at 8:04 am in reply to: Fixed background issue on Firefox and Safari for mobile #1190771Hi,
What is the version of Firefox in the Android device? It should be v68 or later in order for the fixed background to work. To fix the issue temporarily, we can set the background-attachment property to scroll on mobile view.
@media only screen and (max-width: 1024px) { .avia-bg-style-fixed { background-attachment: scroll !important; } }Best regards,
IsmaelHi,
1.) Yes, you can create a custom shortcode to get the price of the current product. Try this snippet in the functions.php file.
function ava_custom_price_shortcode( $atts ) { $id = avia_get_the_ID(); if( intval( $id ) > 0 && function_exists( 'wc_get_product' ) ){ $product = wc_get_product( $id ); $price = wc_get_price_to_display( $product, array( 'price' => $product->get_price() ) ); // Get the active price $regular_price = wc_get_price_to_display( $product, array( 'price' => $product->get_regular_price() ) ); // Get the regular price $sale_price = wc_get_price_to_display( $product, array( 'price' => $product->get_sale_price() ) ); // Get the sale price $style1 = 'style="font-size:40px;color:#e79a99;font-weight:bold;"'; $style2 = 'style="font-size:25px;color:#e79a99"'; $args = array( 'ex_tax_label' => false, 'currency' => 'EUR', 'decimal_separator' => '.', 'thousand_separator' => ' ', 'decimals' => 2, 'price_format' => '%2$s %1$s', ); if( ! empty( $sale_price ) && $sale_price != 0 && $sale_price < $regular_price ) $html = "<del $style2>" . wc_price( $regular_price, $args ) . "</del> <ins $style1>" . wc_price( $sale_price, $args ) . "</ins>"; // Sale price is set else $html = "<ins $style1>" . wc_price( $price, $args ) . "</ins>"; // No sale price set } return $html; } add_shortcode( 'avs_product_price', 'ava_custom_price_shortcode' );You can then use the following shortcode to display the product price:
[avs_product_price]2.) Are you referring to the default product grid from the plugin? Please provide a link to a page containing the grid.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelMarch 6, 2020 at 7:46 am in reply to: Small correction hamburger icon in layout.css for next update #1190768Hi,
Thank you for setting up the test sites. It’s all the same though. The lines in the burger menu look similar. Please check the screenshot taken from Firefox Developer on Windows 10.
Screenshot: https://imgur.com/a/sYuBbbE
Best regards,
IsmaelHi,
I could not understand how one of these existing Icons of Fontello could be copied into that field?
The theme has a function called av_icon_string which generates the icon or symbol string. The generated string is the value of the data-av_icon attribute.
But since you’re adding the html manually, you have to extract the icons directly from the browser inspector. In any page, add an icon element in the advance layout builder, access the list of font icons, then inspect the page using your browser.
Please check the screenshot below.
// https://imgur.com/a/VMkqit4
So I am looking for a solution based on using the input for data-av_icon from existing pre-loaded font.
You might have to create a custom shortcode or function and use av_icon_string function to generate the icons. Unfortunately, this is beyond the scope of support.
Best regards,
IsmaelMarch 5, 2020 at 11:05 am in reply to: Enfold One page Agency / 2nd try: May someone help me please? Thanks #1190377Hi!
Sorry for the delay. The header is transparent when we checked the site. Did you remove the header background? Please provide a screenshot of the issue. You can upload the image to imgur or dropbox.
Temporarily, you can use this css code to adjust the style of the header.
#top #wrap_all .av_header_transparency { background-color: red; color: blue; border-color: green; }Regards,
Ismael -
AuthorPosts
