Forum Replies Created

Viewing 30 posts - 9,211 through 9,240 (of 67,443 total)
  • Author
    Posts
  • in reply to: Googla API valid but could not connect #1377115

    Hey!

    Thank you for the update.

    The Geocoding Services API is one of the requirements of the Maps JavaScript API, so you have to enable it. This is actually a common issue and the map token should be good to go once the said API is enabled.

    Regards,
    Ismael

    Hey Dameon,

    Thank you for the inquiry.

    You may need to add this filter in the functions.php file to disable the theme’s default size for the catalogue images.

    add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
    function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
        return 'woocommerce_thumbnail';
    }
    

    If the issue persists, here are a few things you can try to troubleshoot the problem:

    1.) Check the WooCommerce settings for the product images to make sure that the correct image sizes are being used for the product categories. You can access these settings by going to “Customize > WooCommerce > Product Images” in the WordPress dashboard.

    2.) Check the WordPress media settings to make sure that the correct image sizes are being used for the product images. You can access these settings by going to “Settings > Media” in the WordPress dashboard.

    3.) Check the WordPress theme and plugin files to see if there are any custom image size functions being used that might be affecting the way the product images are displayed.

    Hope these suggestions help! Let us know if you have any other questions or if you need further assistance.

    Best regards,
    Ismael

    in reply to: WPML multilanguage dont duplicate the page content #1377102

    Hey eduardodelat,

    Thank you for the inquiry.

    When translating pages built using the Advance Layout Builder, you should not duplicate the page but instead use the WPML’s Translation Editor. Please note that you will have to first activate the extensions WPML String Translation and WPML Translation Management in order to use the advance translation editor. Please check the documentations below for more info.

    // https://wpml.org/documentation/translating-your-contents/advanced-translation-editor/
    // https://wpml.org/documentation/theme-compatibility/enfold/

    Best regards,
    Ismael

    in reply to: Magazine element – make all thumbnails and copy larger? #1377098

    Hi,

    Thank you for the update.

    To make the default thumbnails and copy larger in the magazine element, please try the following css code.

    .av-magazine-thumbnail {
        width: 180px;
        min-height: 180px;
    }
    
    .av-magazine-thumbnail img {
        height: 180px;
        width: 180px;
    }
    
    .av-magazine .av-magazine-content-wrap .av-magazine-title {
        font-size: 2rem;
        line-height: 1.4em;
    }
    
    .av-magazine .av-magazine-content {
        font-size: 1rem;
        line-height: 1.3em;
    }

    This code will increase the font size of the copy and set the width and height of the thumbnails to 180px. You can adjust these values as needed to achieve the desired size for the thumbnails and content.

    I hope this helps! Let me know if you have any other questions or if you need further assistance.

    Best regards,
    Ismael

    in reply to: Enfold update 5.3.1.1 #1377097

    Hey jancecile,

    Thank you for the inquiry.

    Which font are you currently using? Did you upload the font in your server? Please provide the site URL in the private field so that we can check the issue further. A screenshot of the issue and theme options (font styles) will also help.

    Best regards,
    Ismael

    in reply to: Styles disappeared #1377096

    Hey aruizhuidobro,

    Thank you for the inquiry.

    Do you have a site backup or a restore point? Unfortunately, we will not be able to restore the custom css without a previous backup. You may need to ask your hosting provider for more information about this.

    If know that you don’t have a site backup, here are a few things you can try to troubleshoot the problem:

    1.) Check the WordPress database to see if the quick CSS and custom CSS values are still present in the wp_options table. You can use a database management tool such as PhpMyAdmin to do this.

    2.) Check if there are any WordPress plugin or theme conflicts that might be causing the issue. You can try deactivating all plugins and switching to a default theme to see if the problem persists.

    3.) Check the WordPress files for any changes that might have been made to the theme or the functions.php file. If you find any changes that you don’t recognize, you may want to revert those changes or consult with the person who made them to see if they are related to the issue.

    4.) Check the browser console for any error messages that might provide more information about the problem.

    I hope these suggestions help! Let me know if you have any other questions or if you need further assistance.

    Best regards,
    Ismael

    Hey 1117111,

    Thank you for the inquiry.

    To change the direction of a fullscreen slider from right to left to left to right, you’ll need to modify the CSS that is being used to style the slider.

    Here is an example of how you can do this using the Enfold theme:

    1.) In the WordPress dashboard, go to “Enfold > Theme Options”.

    2.) Click on the “General Styling” tab.

    3.) Scroll down to the “Quick CSS” field and enter the following code:

    #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
      left: auto;
      right: 10px;
    }
    
    #top .av_slideshow_full.av-control-default .avia-slideshow-arrows a.next-slide {
      left: 10px;
      right: auto;
      transform: rotate(180deg);
    }
    

    This code will change the position of the left and right arrows in the slider so that they are displayed on the left and right sides of the slider, respectively.

    I hope this helps! Let me know if you have any other questions or if you need further assistance.

    Best regards,
    Ismael

    in reply to: Gallery thumbnails borders and hover color #1377093

    Hi,

    You’re welcome! Glad to know that the code was helpful to you. If you have any further questions or if you need additional assistance, don’t hesitate to ask. We are here to help.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Theme registration, Envato, Personal token don't work #1377092

    Hey steridhh,

    Thank you for the inquiry.

    Did you check the permissions of the private token? It’s possible that you accidentally missed one of the required permissions. We may need to access the site in order to further check the problem.

    Best regards,
    Ismael

    in reply to: Googla API valid but could not connect #1377090

    Hi,

    Thank you for the info.

    We get the following error when we try to validate the API key.

    js?v=3.45&callback=av_backend_maps_loaded&key=APIKEY:78 Geocoding Service: You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started
    

    This means that the project where the API key is generated doesn’t have a billing account attached to it. You may need to enable the Geocoding Service as well.

    // https://kriesi.at/documentation/enfold/google-map/#enable-services-for-google-api

    Best regards,
    Ismael

    Hey!

    Thank you for the update.

    Did you apply the av-custom-icon-list class name to the element? The third item in the row doesn’t break into the second line when we checked the site on smaller screens. Would you mind providing a screenshot?

    Regards,
    Ismael

    Hey spooniverse,

    Thank you for the inquiry.

    We modified the code a bit and added the .av-masonry-image-container selector. This should remove the title attribute of the masonry items.

    function remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
      jQuery('#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a, .av-masonry-image-container').removeAttr('title');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_title_attr');
    

    We hope this helps! Let us know if you have any questions.

    Best regards,
    Ismael

    in reply to: Move search to meta-bar #1377062

    Hey Bernd,

    Thank you for the inquiry.

    The script is not working because it is triggered before the jQuery library is loaded. We adjusted the priority of the hook a bit so that the script renders after jQuery loads.

    //--------------------------------------------------------------
    // Move Search to Top-Menu
    //--------------------------------------------------------------
    add_action('wp_footer', 'ava_custom_script', 9999);
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	$(window).load(function() {
    		$("#menu-item-search").detach().appendTo('#header_meta #avia2-menu');
    	});
    })(jQuery);
    </script>
    <?php
    }

    Best regards,
    Ismael

    in reply to: Problem with WPML since update to 5.3.1 #1377061

    Hey walhai,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the previous flag switcher or of the previous modifications made to the switcher? You can use imgur, savvyify or dropbox for the screenshot. Thanks.

    Best regards,
    Ismael

    in reply to: Images sizes in woocommerce shop catalog #1377004

    Hi,

    Glad to know that the filter is working. Yes, the catalogue images will now display based on the settings in the Appearance > Customizer > Woocommerce > Product Images panel. Let us know if there is anything else we can assist you with.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Strange Problems with local hosted font #1377003

    Hi,

    Thank you for following up.

    We have checked the computed styles of the menu item in the home and the subpages, and they are completely the same. Both are using the font Titillium Web and the font weight are set to 400. We are not yet sure why they look different. It might be a plugin conflict or might be due to a css modification.

    Best regards,
    Ismael

    Hi,


    @guenni007
    : I mistakenly used Github markdown to wrap the css code, triple backticks, instead of just one. Fixed it.

    Best regards,
    Ismael

    in reply to: Gallery always shows first Image as large image #1376998

    Hi,

    Thank you for helping out @Guenni007.

    We just noticed that the theme is outdated. Please try to update the theme to version 5.3.1, then toggle or temporarily disable the Enfold > Performance > File Compression settings as suggested above.

    Best regards,
    Ismael

    in reply to: Bug config-wordpress-seo/config.php #1376997

    Hi!

    We are not getting the same error in the sitemap_index.xml on our installation. Please check the screenshot below.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvz1aBu-t5K1Z3x2bF?e=k2lxX4

    Cheers!
    Ismael

    in reply to: Bug config-wordpress-seo/config.php #1376996

    Hey Tieme,

    Thank you for the inquiry.

    Where do you see the errors? Please provide the WP and FTP login details in the private field so that we can check the issue further.

    Best regards,
    Ismael

    in reply to: Widgets – Block Display #1376994

    Hi,

    Thank you for the inquiry.

    The theme has built-in support for classic widgets but it does not currently support the block editor for the widgets area. This is the reason why you are seeing classic widgets even after switching to the block editor in the theme settings.

    Thank you for your understanding! Let me know if you have any other questions or if there is anything else I can assist with.

    Best regards,
    Ismael

    Hi,

    Thank you for the inquiry.

    To change the weight and color of the text in the recent portfolio sidebar widget, you can try using the following CSS:

    #top .main_color strong.news-headline {
        color: red !important;
        font-weight: 400;
        font-size: 0.7rem;
    }

    Note that the !important keyword is used to ensure that these styles take precedence over any other styles that might be applied to the element.

    It’s also possible that there might be other styles that are conflicting with the styles you have defined. In this case, you might need to use more specific selectors to target the element you want to style.

    For example, you could try using a combination of the element type, class, and/or ID to create a more specific selector. This can help to ensure that your styles are applied correctly.

    I hope this helps! Let me know if you have any other questions or if there is anything else I can assist with.

    Best regards,
    Ismael

    in reply to: License problem #1376990

    Hi,

    Did you select the required permissons for the Envato token as described in the documentation? These are the required permissions.

    View and search Envato sites (checked by default) (Required)
    View the user’s Envato Account username
    View the user’s email address
    View the user’s account profile details
    Download the user’s purchased items (Required)
    Verify purchases of the user’s items
    List purchases the user has made (Required)

    To access your Envato account, you need to make sure that you are using the correct Envato API key and that you have the necessary permissions to access the information you are trying to retrieve.

    Here are some things you can try:

    – Make sure that you are using the correct API key. You can find your API key in your Envato account settings.

    – Check the permissions associated with your API key. Some types of information can only be accessed with specific permissions. For example, to access purchase history, you need the “View Your Purchases” permission.

    – If you are still having trouble accessing your account, you can try resetting your API key. You can do this by going to your Envato account settings and clicking the “Reset API Key” button.

    I hope this helps! Let me know if you have any other questions or if there is anything else I can assist with.

    Best regards,
    Ismael

    in reply to: Any Active Plugin Stops Images From Loading #1376987

    Hey Craig,

    Thank you for the inquiry.

    It might be the CDN bunny.net plugin or the Shortpixel Image Optimizer. Have you tried activating the plugin one at a time?

    Best regards,
    Ismael

    in reply to: Pagespeed mobile – elements contain focusable descendents #1376961

    Hey Jaro,

    Thank you for the inquirry.

    When an element has the attribute aria-hidden=”true”, it indicates to assistive technologies (such as screen readers) that the element and its contents should be ignored. This is often used to hide content that is not relevant to the current context or that is intended to be visually hidden, but not removed from the DOM. However, the theme doesn’t add the aria-hidden attribute to the horizontal-gallery-links by default. The code is located in the enfold\config-templatebuilder\avia-shortcodes\gallery_horizontal\gallery_horizontal.php file around line 772:

    $output .= "<a {$lightbox_attr} class='av-horizontal-gallery-link' {$display_char} title='{$lightbox_title}' alt='{$alt}'>";
    

    As you can see, the aria-hidden attribute is not included in the markup. It is possible that a plugin is dynamically adding the attribute to the links.

    Best regards,
    Ismael

    in reply to: Gallery always shows first Image as large image #1376960

    Hey emilconsor,

    Thank you for the inquiry.

    It sounds like there may be an issue with the gallery script. Did you modify the enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.js file? Here are a few things you can try to troubleshoot the problem:

    1.) Check the modifications made to the gallery.js. This is the script that is responsible for displaying the full-size images when the thumbnails are hovered over. There may be an issue with the way this code is handling the image URLs or with the way it is updating the DOM to display the images.

    2.) If you are using any custom CSS to style the gallery element, make sure that the CSS is being applied correctly and is not causing any issues. You can try temporarily disabling the custom CSS to see if the issue persists without it.

    If the issue persists after trying these steps, you may want to try creating a new gallery using a different plugin or tool to see if the issue is specific to the plugin or tool you are currently using.

    I hope these suggestions help! Let me know if you have any other questions or if you need further assistance.

    Best regards,
    Ismael

    Hey JeffBianchi,

    Thank you for the inquiry.

    We can’t reproduce the issue on our end. Would you mind providing a screenshot? Please use imgur, savvyify or dropbox.

    To display a list of items in a single row that only wraps to multiple rows if the size of the browser is too small, you’ll want to use a responsive layout. One way to do this is to use a flexbox layout, which allows you to control how items are laid out in a container.

    Here’s an example of how you could use a flexbox layout to display your list of icons in a single row that wraps to multiple rows only if necessary:

    1.) First, wrap your list of icons in a container element and give the container a class name (e.g. .av-custom-icon-list).

    2.) Add the following CSS to your stylesheet:

    .av-custom-icon-list {
      display: flex;
      flex-wrap: wrap;
    }

    3.) This will make the container a flex container and allow its items to wrap to multiple rows if necessary.

    If you want to set a maximum width for the container so that it wraps to multiple rows on smaller screens, you can add a media query to your CSS like this:

    @media (max-width: 800px) {
      .av-custom-icon-list {
        max-width: 33%;
      }
    }

    This will make the container wrap to multiple rows on screens that are 800px or smaller in width. You can adjust the value of 800px to set a different maximum width for the container.

    4.) Finally, you can control the spacing between the icons by setting the margin property on the icon elements. For example:

    
    .av-custom-icon-list .icon {
      margin: 0 10px;
    }
    

    This will add a 10px margin to the right of each icon, creating space between the icons.

    I hope this helps! Let me know if you have any questions or need further clarification.

    Best regards,
    Ismael

    in reply to: Strange Problems with local hosted font #1376958

    Hi,

    Thank you for the update.

    What do you mean by “zipped and imported it”? The font files should already be zipped or compressed after download. Do you manually compressthe files before uploading it to the custom font manager?

    There are several potential reasons why you might be seeing different fonts on different pages of your website, even though you’ve only specified one font in the Enfold menu. Here are a few possibilities to consider:

    1.) Different stylesheets or templates: If you have multiple stylesheets or templates being used on different pages of your site, it’s possible that they are specifying different fonts. You’ll want to check the CSS for each of these templates or stylesheets to see if any font-related rules are being applied.

    2.) Conflicting CSS rules: It’s possible that there are conflicting CSS rules that are causing different fonts to be applied to different elements on your pages. You can use the browser Inspector to see which CSS rules are being applied to each element and try to determine which rule is taking precedence.

    3.) Plugin conflicts: If you have any plugins installed on your site that are modifying the font or styling of your content, they could be causing the different fonts to appear. You may want to try deactivating these plugins or themes to see if that resolves the issue.

    4.) Incorrect font file references: If you are linking to font files directly in your CSS, it’s possible that the font files are not being correctly loaded on some pages. You can check the network tab in the browser Inspector to see if any font file requests are returning 404 errors.

    Overall, it’s likely that the issue is being caused by some combination of these factors. To identify the root cause, you’ll want to carefully examine the CSS rules being applied to your site, as well as any plugins that might be modifying the font or styling.

    Best regards,
    Ismael

    in reply to: importing Parallax into existing Enfold theme #1376843

    Hi,

    Glad we could be of help! Please let us know when you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Strange Problems with local hosted font #1376842

    Hey phil-0071,

    Thank you for the inquiry.

    Which font are you trying to upload in your server? Please make sure that the font files are downloaded directly from the Google Font site because the source files should have the correct structure that the theme recognized.

    Would you mind providing a screenshot of the font-weight issue? Please use imgur, savvyify or dropbox. Thanks.

    Best regards,
    Ismael

Viewing 30 posts - 9,211 through 9,240 (of 67,443 total)