Forum Replies Created

Viewing 30 posts - 121 through 150 (of 66,696 total)
  • Author
    Posts
  • Hey atx_m,

    Thank you for the inquiry.

    The TOC widget doesn’t have an active state by default, but you can use this script in the functions.php file to add an active class on click and while scrolling.

    add_action('wp_footer', function () {
        ?>
        <script>
        document.addEventListener("DOMContentLoaded", function () {
          const tocLinks = document.querySelectorAll('.avia-toc-link');
          const headingSelectors = document.querySelector('.avia-toc-container').dataset.level.split(',');
          const headings = Array.from(document.querySelectorAll(headingSelectors.join(',')));
    
          tocLinks.forEach(link => {
            link.addEventListener('click', function () {
              tocLinks.forEach(l => l.classList.remove('active'));
              this.classList.add('active');
            });
          });
    
          function onScroll() {
            let scrollPosition = window.scrollY + 100;
            let currentId = null;
    
            for (let i = headings.length - 1; i >= 0; i--) {
              const heading = headings[i];
              if (heading.offsetTop <= scrollPosition) {
                currentId = heading.id;
                break;
              }
            }
    
            if (currentId) {
              tocLinks.forEach(link => {
                link.classList.toggle('active', link.getAttribute('href') === #${currentId});
              });
            }
          }
    
          window.addEventListener('scroll', onScroll);
          onScroll();
        });
        </script>
        <?php
    }, 9999);
    

    You can then include this css to adjust the color of the active TOC links:

    .avia-toc-link.active {
      color: #fe9000;
      font-weight: bold;
    }

    To change the heading tags, edit the widget and look for the “Select headlines to include” option.

    Let us know the result.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    We added this code to the Quick CSS field to make sure the font of the submenu links remain regular on smaller screens. Unfortunately, there is no a dedicated option for this, so a custom css modification was necessary.

    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul > li > ul.sub-menu  li a {
        font-weight: normal;
    }
    

    Screenshot-2025-10-08-at-12-38-16-PM
    Best regards,
    Ismael

    in reply to: Unable to reply in Forum – need help via email #1489916

    Hey Verena Pichler,

    Thank you for the inquiry.

    Looks like there’s a builder shortcode inside a Text Block element. Could you clarify why the Text Block shortcode was placed within another Text Block? We may need to inspect the site to better understand the issue. Please create a test page and share the URL in the private field.

    Hope your friend gets well soon.

    Best regards,
    Ismael

    in reply to: Responsive Footer Issue #1489915

    Hey condonp,

    Thank you for the inquiry.

    Adding this css code should center-align the images in the footer widgets on smaller screens.

    @media only screen and (max-width: 768px) {
    
      /* Add your Mobile Styles here */
      #footer .widget.widget_text {
        margin: 0 auto;
      }
    }

    Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache before checking the page.

    Best regards,
    Ismael

    Hi,

    The configuration looks typical for WordPress installations — almost the same as our local installation. What configuration did you add to your .htaccess file?

    Another thing you can try is to switch the default image editor from WP_Image_Editor_Imagick to WP_Image_Editor_GD to see if that helps.

    https://developer.wordpress.org/reference/hooks/wp_image_editors/

    We tried uploading six files to the media library, around 6MB, and it took about 10 seconds or less. It’s not particularly fast, but not terribly slow either. We also noticed that you’re using a custom media library plugin (WP Media Folder), which could be contributing to the slowdown. Have you tried disabling this plugin to see if it makes a difference?

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    This is what happens when we toggle the css rule — you’ll notice how the document moves when we turn it on and off. The issue is definitely caused by the css rule. Please check this short video:

    Best regards,
    Ismael

    Hi,

    Great! Glad to know this has been resolved. Please feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: backend #1489908

    Hey luca,

    Thank you for your interest in the theme.

    The Enfold theme has its own Advanced Layout Builder, which is on par with other page builders and contains numerous types of elements. You can find more information about the builder in the documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/

    The theme also features advanced theme options, dynamic data, custom element templates and should be compatible with plugins like Woocommerce.

    Let us know if you need to know more.

    Best regards,
    Ismael

    in reply to: Change image size in blog post #1489907

    Hi,

    Thank you for the update.

    You can add this css code to adjust the width of the featured images in mobile view, make sure they don’t overflow outside the screen.

    @media only screen and (max-width: 989px) {
    
      /* Add your Mobile Styles here */
      #top.single-post .fullsize .template-blog .big-preview img {
        width: 100%;
        min-height: auto;
        object-fit: contain;
      }
    }

    Result:

    Screenshot-2025-10-07-at-12-31-30-PM

    Best regards,
    Ismael

    in reply to: anchor links and section animation #1489878

    Hi,

    Thank you for the update.

    If a child theme is not activated, you can add the code using a plugin like Code Snippets or a similar tool to make sure the modification is preserved during updates. Still, it’s recommended to install a child theme. Let us know how it goes.

    Best regards,
    Ismael

    Hi,

    We are not encountering this issue on our end, and there have been no similar reports from other users, so this is probably related to your server configuration or specifications. Where is the site hosted, and what are the server specs?

    If you have access to your PHP configuration or php.ini, try to add the following options:

    max_execution_time = 300
    memory_limit = 512M
    upload_max_filesize = 20M
    

    You can also add it in the .htaccess file in the root directory of your WordPress installation.

    php_value max_execution_time 300
    php_value memory_limit 512M
    php_value upload_max_filesize 20M
    

    Another thing you could try is disabling the thumbnails generated by the theme using this filter in the functions.php file:

    
    add_action('init', 'ava_remove_enfold_image_thumbnails');
    function ava_remove_enfold_image_thumbnails() {
      remove_image_size('square');
      remove_image_size('featured');
      remove_image_size('featured_large');
      remove_image_size('portfolio');
      remove_image_size('portfolio_small');
      remove_image_size('gallery');
      remove_image_size('magazine');
      remove_image_size('masonry');
      remove_image_size('entry_without_sidebar');
      remove_image_size('entry_with_sidebar');
      remove_image_size('shop_thumbnail');
      remove_image_size('shop_catalog');
      remove_image_size('shop_single'); 
      remove_image_size('shop_gallery_thumbnail');
    }
    add_filter( 'intermediate_image_sizes_advanced', 'ava_intermediate_image_sizes_advanced_mod' );
    function ava_intermediate_image_sizes_advanced_mod( $sizes ) {
     unset( $sizes['large']);
     unset( $sizes['medium_large']);
     return $sizes;
    }
    

    We recommend reaching out to your hosting provider for additional assistance.

    Best regards,
    Ismael

    in reply to: Google Insights mobile /// Web Core vitals #1489876

    Hi,

    It’s actually good to disable lazy loading for elements that affect LCP because lazy loading can delay their appearance. In this case, it’s already handled correctly, so there’s nothing you need to do for this part.

    For the fetchpriority issue, if you’re using Image layers in the Layer Slider, go to Layer Settings > Attributes > Custom Attributes tab of the layer, then add fetchpriority as the attribute and set its value to high. The following article should explain what this attribute does.

    https://addyosmani.com/blog/fetch-priority/

    Best regards,
    Ismael

    in reply to: Contact form + check boxes #1489875

    Hey Alan,

    Thank you for the inquiry.

    Have you tried adding a “Custom HTML: Add a description” element or field type? Please check the screenshot below.

    Screenshot-2025-10-06-at-1-00-59-PM

    Best regards,
    Ismael

    Hey a_edemirci,

    Thank you for the inquiry.

    This seems to be an issue with a custom css style from the cart plugin.

    body.xoo-wsc-cart-active {
        padding-right: 15px;
    }

    Try to override it with this css:

    body.xoo-wsc-cart-active {
        padding-right: auto;
    }
    

    Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    in reply to: Layer Slider 7 Text Link Deleted But Cursor Still Shows #1489873

    Hey Valerie,

    Thank you for the inquiry.

    Where can check the issue? Please provide a screenshot using platforms like Savvyify, ImgBB, PostImages or Dropbox, then create a test page so we can inspect the elements.

    Best regards,
    Ismael

    in reply to: Change image size in blog post #1489799

    Hi,

    Thank you for the update.

    The featured image seems to be displaying correctly on our end. Would you mind explaining the issue further? If possible, please open another thread so we can close this old one.

    Screenshot-2025-10-03-at-1-31-11-PM

    Best regards,
    Ismael

    in reply to: Tab section: can’t save title after copying tab #1489798

    Hey furtivo,

    Thank you for the inquiry.

    We may need to log in to the site to properly investigate the issue. Please provide the login details in the private field and make sure that the Appearance > Theme File Editor is activated in case we need to check the theme files.

    Best regards,
    Ismael

    in reply to: Caroussels for article wrong date #1489797

    Hey Alexandre,

    Thank you for the inquiry.

    The site was not loading when we checked. Unfortunately, we do not provide support for third-party extensions or plugins as stated on our support policy. Please contact the plugin developer for additional assistance.

    Best regards,
    Ismael

    in reply to: Button Link Going Past Beyond Target #1489796

    Hi,

    The column animations can be disabled under the Advanced > Animation tab. We created a copy of the home page, disabled all animations and added the following filter using the Code Snippets plugin (named “Enfold Header Scroll Offset”). This resolved the scroll issue.

    Please make sure to purge the cache before checking the page (see private field).

    function avf_header_setting_filter_mod($header) {
        $header['header_scroll_offset'] = $header['header_scroll_offset'] + 200;
        return $header;
    }
    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);

    Best regards,
    Ismael

    in reply to: content disappears, cookie consent not working properly #1489795

    Hey Munford,

    Thank you for the inquiry.

    We are seeing a script error in the browser console, but we’re not sure where it’s being generated from. It seems to be added inline, but we can’t access the exact source. Did you recently add a script to the site?

    This is the error:

    Uncaught SyntaxError: missing ) after argument list
    

    Best regards,
    Ismael

    in reply to: Google Insights mobile /// Web Core vitals #1489794

    Hi,

    Thank you for the update.

    The page speed reports clearly point to the Revolution Slider as the cause of the LCP issue, so it’s definitely the reason for the decreased score. On the second site, you’ll notice there is no LCP issue because the Revolution Slider only contains static images, without moving parts or animations, unlike the first site, which uses complex slides and effects.

    This is the LCP report — note the element sr7-module#SR7_31_1.

    LCP request discovery
    Optimize LCP by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loadingLCP
    lazy load not applied
    fetchpriority=high should be applied
    Request is discoverable in initial document
    sr7-module#SR7_31_1 > sr7-content > sr7-slide#SR7_31_1-130 > sr7-img#SR7_31_1-130-23

    Fixing this LCP issue should significantly increase the overall score. We recommend reaching out to the plugin developers for additional information about the issue.

    Best regards,
    Ismael

    Hey waveseven,

    Thank you for the inquiry.

    You are uploading a lot of files simultaneously, so it will definitely take some time. We tested uploading a 26 MB video on our local installation, and it was uploaded in 2 seconds or less. Try to temporarily deactivate your plugins to see if that improves the upload speed, or try uploading a maximum of 5 files at a time. Let us know the result.

    Best regards,
    Ismael

    in reply to: z value #1489792

    Hi,

    Thank you for following up.

    The class name bluebox was added to the column inside the cell. Please correct this by moving the bluebox class to the cell element.

    Best regards,
    Ismael

    in reply to: Margins for masonry grid loading delay on mobile #1489791

    Hi,

    Thank you for the screenshots.

    We’re not really seeing Step 1, but for Step 3, try to look for the following css code and adjust the value from 50px to 20px.

    .av-masonry-entry {
        margin-bottom: 50px !important;
    }

    Set the margin-bottom value to 20px, then purge the cache before testing the page.

    Best regards,
    Ismael

    Hey PhatJ,

    Thank you for the inquiry.

    Try to add a Custom CSS Class name (e.g., av-video-section-control) to the Color Section element by going to Advanced > Developer Settings, then add the following code to the functions.php file to pause the video on the last frame and prevent it from restarting.

    function av_custom_script() {
        ?>
        <script>
        document.addEventListener("DOMContentLoaded", function () {
          const videos = document.querySelectorAll(".av-video-section-control video");
    
          videos.forEach(function(video) {
            video.removeAttribute("loop");
    
            video.addEventListener("ended", function () {
              video.currentTime = video.duration;
              video.pause();
            });
          });
        });
        </script>
        <?php
    }
    add_action('wp_footer', 'av_custom_script');
    

    This should help: https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    in reply to: Forcing Columns to Stay the Same Size #1489787

    Hi,

    We can no longer access the account. Did you manage to resolve the issue?

    Best regards,
    Ismael

    in reply to: events calendar add to calendar dropdown getting cut off #1489786

    Hey sky19er,

    Thank you for the inquiry.

    Try to set a minimum height for the dropdown container using this css:

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
        min-height: 300px;
    }

    Best regards,
    Ismael

    in reply to: z value #1489742

    Hi,

    Thank you for the update.

    You can assign a Custom CSS Class name to the element and use it instead of the default unique identifier or selector (.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44). Please refer to the documentation below for more info.

    https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    in reply to: Animated boxes underneath the video #1489741

    Hey Diana,

    Thank you for the inquiry.

    The Color Section element includes a z-index option, which can be adjusted to make sure the section containing the boxes displays above the first video. Please refer to the screenshot below.

    Screenshot-2025-10-02-at-1-37-48-PM

    Best regards,
    Ismael

    in reply to: Add buttons to blog posts in grid layout #1489740

    Hey jacobedgren4,

    Thank you for the inquiry.

    Unfortunately, this option is not available by default and would require template modifications, such as using custom fields and creating meta boxes for them in the page editor. Another option is to manually create your own grid using columns and text elements in the builder. You can then add a button element in each column and assign the appropriate link.

    Let us know if you need more info.

    Best regards,
    Ismael

Viewing 30 posts - 121 through 150 (of 66,696 total)