Viewing 30 results - 1,681 through 1,710 (of 243,991 total)
  • Author
    Search Results
  • #1486086

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 991px) {
    .html_header_transparency #main {
      padding-top: 118px !important;
    }
    }

    Best regards,
    Rikard

    #1486081

    Hi,
    When I login to your site I can not change the user profile language to Eng, nonetheless I don’t see a menu: TKA Menu mobile that you wanted to be the mobile menu:
    Screen Shot 2025 06 28 at 12.20.05 PM
    you would need to create this menu and choose it at Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile as you see here you are using the same main menu for mobile:
    Screen Shot 2025 06 28 at 12.18.42 PM
    Perhaps there is a language issue, if so please change the user language to Eng so I can check again. But I would think that since I see TKA Main Menu I would see a TKA Menu mobile for the mobile menu.

    Best regards,
    Mike

    #1486078

    Hi,
    Thank you for sharing your solution, but when I test our demo there are no IDs added to the mobile menu items, unless you mean a menu link with an ID to an anchor on the page. I tested in WAVE and found no errors for IDs.
    If you mean the link IDs to anchors on the page, note that the mobile menu is not created until the menu is clicked, nonetheless since most people use the same link IDs on their page for mobile and desktop, this would break their links.
    Since I can not reproduce your issue and this is beyond what we can do here, you are welcome to open a Github Feature Request to place a request and follow it as the Dev Team reviews it.

    Best regards,
    Mike

    Hey Diana,
    Thanks for the login, I added this code to your theme functions.php file:

    function change_aria_hidden_for_scroll_top_link_when_it_shows() { ?>
      <script>
    window.addEventListener('scroll', function() {
      const scrollTopLink = document.getElementById('scroll-top-link');
    
      if (!scrollTopLink) return;
    
      const style = window.getComputedStyle(scrollTopLink);
      const rect = scrollTopLink.getBoundingClientRect();
      const inViewport = rect.width > 0 && rect.height > 0;
    
      const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';
    
      scrollTopLink.setAttribute('aria-hidden', ariaValue);
    
      const childSVGs = scrollTopLink.querySelectorAll('svg');
      childSVGs.forEach(svg => {
        svg.setAttribute('aria-hidden', ariaValue);
      });
    });
      </script>
      <?php
    }
    add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows', 99 );

    It changes the aria-hidden for the scroll-top-link and the SVG icon when it shows, from false to true.
    I tested in the browser DOM and it works. Unfortunately we don’t have access to the AXE tool as it looks like a paid tool, but I did check in WAVE. Unfortunately, while in the live browser the code works, the WAVE tool doesn’t update the DOM so it doesn’t look like it is working, perhaps this is a limitation of the free version, I don’t know.
    I tried to add this to your snippet Header Footer Code Manager plugin but it didn’t work there, the plugin seems limited, if you find this workshop for you and If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    use wpcode php snippet and activate
    and ensure that it is activated, then add the above code and save, after you remove it from the theme functions.php file so it will not be lost when you update.

    PS for testing this is the snippet with console log comments that I tested with that will show that the aria-hidden changes while the page is scrolled:

    function change_aria_hidden_for_scroll_top_link_when_it_shows_log() { ?>
      <script>
    window.addEventListener('scroll', function() {
      const scrollTopLink = document.getElementById('scroll-top-link');
    
      if (!scrollTopLink) {
        console.log('Element #scroll-top-link not found.');
        return;
      }
    
      const style = window.getComputedStyle(scrollTopLink);
      const rect = scrollTopLink.getBoundingClientRect();
      const inViewport = rect.width > 0 && rect.height > 0;
    
      console.log('Scroll event triggered.');
      console.log('Display:', style.display);
      console.log('Visibility:', style.visibility);
      console.log('BoundingClientRect:', rect);
      console.log('In viewport:', inViewport);
    
      const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';
    
      console.log(#scroll-top-link is ${ariaValue === 'false' ? 'visible' : 'hidden'}. Setting aria-hidden to ${ariaValue}.);
    
      // Set on the main link
      scrollTopLink.setAttribute('aria-hidden', ariaValue);
    
      // Set on any child SVGs
      const childSVGs = scrollTopLink.querySelectorAll('svg');
      childSVGs.forEach(svg => {
        svg.setAttribute('aria-hidden', ariaValue);
        console.log('Updated child SVG aria-hidden to', ariaValue);
      });
    });
    
      </script>
      <?php
    }
    add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows_log', 99 );

    don’t use both snippets at the same time, this is just for proof of work.

    Best regards,
    Mike

    #1486074

    In reply to: Theme update

    Hey maxb130,
    It looks like your site is using an old theme v5.6.6 and your updates are disabled.
    I was not able to login, but it looks like you are using JetPack and your images a hosted on WP though JetPack with caching.
    I don’t know what your site should look like, but I assume that you are missing background images for each section, these are added via css.
    First I recommend disabling the JetPack plugin and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and disable any server caching. If JetPack was also using a CDN it may take up to 24 hours for it to clear.
    Since your site is using an old theme v5.6.6 and your updates are disabled, I don’t think this is an update issue, but a plugin/caching issue, hopefully these steps will help.
    Another option may be to use your webhost backup to roll back to when your site was working correctly, and then disable JetPack and see if the issue is solved.
    The theme is now at v7.1.1

    Best regards,
    Mike

    #1486073

    Hi,
    Above you write the error is “An error occurred while updating Enfold: Could not move the old version to the upgrade-temp-backup directory.” this might be related to folder permissions, try to fix the issue by creating the /wp-content/upgrade-temp-backup folder manually, then set the permission to 775.
    If I’m looking at the correct site your Envato Market plugin doesn’t have a token:
    Screen Shot 2025 06 28 at 6.37.46 AM
    Note that the Envato Market plugin doesn’t use the same permissions as the theme, so please read carefully when creating a token:
    Screen Shot 2025 06 28 at 6.42.33 AM

    Best regards,
    Mike

    #1486071

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    #1486070

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    DianaLoola73
    Participant

    Dear Enfold Team,
    During accessibility testing of our website (https://restaurant-weichandhof.de) built with the Enfold theme, the AXE tool reported an issue concerning the built-in Scroll-to-Top button.
    Specifically, the tool flags an error indicating that an element with aria-hidden=”true” is focusable. This error appears when the page is scrolled before starting the test (so the Scroll-to-Top button is visible). If the page is not scrolled prior to testing, the button is not visible and the error does not appear. This suggests the issue exists on every page but is only flagged depending on test conditions. This error really appears in EVERY SITE. Is there a way to fix it by not changing the ENDOLD-php-Code (> not consistent solutions for updates) ?
    So I kindly ask you to review this ARIA issue and advise on how to ensure the Scroll-to-Top button meets WCAG 2.1 AA requirements.
    Thank you in advance for your support.
    Best regards, Diana

    #1486062
    #1486061
    maxb130
    Participant

    Hello we have enfold. It seems there was an update and it broke our landing page. We are struggling with the visibiilty of all features and need assistance to get it back up and running without issue. rtstracks.com

    #1486057

    Hey Dave,
    To remove the link in the footer, add this: [nolink] see our documentation here.
    You have spaces in your code, I don’t see a link to terms of service on your site.

    Best regards,
    Mike

    #1486056

    In reply to: Cannot gain access

    Hey Max Buettner,
    Unfortunately, your support expired on 2024-03-28
    You don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.
    We can not issue licenses or purchase codes due to our contract with Envato (Theme Forest), only they can.

    Best regards,
    Mike

    #1486055

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    #1486054

    Hey Michael,
    If you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.

    Best regards,
    Mike

    #1486052

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    rajprajapati
    Participant

    I just purchased the Enfold theme .. i have already used the theme before inthe past there is a drag and drop contact form now in the new theme i cannot see it Can anyone help me out where it is now.

    #1486046
    dave_montana
    Participant

    I need to modifie my footer in Enfold, how to get rid of link to Kriesi and add a link to terms of service?

    #1486043

    Hi, I don’t quite understand that, because about 2 years ago the post image was displayed correctly in the same original size on the homepage without this snippet. It seems you have changed something in Enfold … but anyway – it works now. Best regards and thanks, Lutz

    #1486042

    In reply to: lightbox issues

    the code snippet will work on your page for all images. Even on that graphics page.
    But if you create these images in a different way – and i see some Enfold Lightbox on paintings page we had to find then a different solution.
    But if you use the same way like on mixed media and graphics page – the code will work there too.

    But as mentioned – it would be nice to have a fallback for the bottom-bar title on lightbox. my advise – and not only for seo purpose – give an alt tag to your images via media library.

    and use that snippet with fallback alt -tag as title inside bottom-bar:

    Edit
    this checks if original image is present and if widget-text or alt is present :

    function mixed_media_lightbox() {
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
    (function($){
        $('.widget_media_image').magnificPopup({
          delegate: 'img',
          type: 'image',
          removalDelay: 500,  // to allow animated closing in ms
          mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded mixed-media',  
          midClick: true,
          gallery: { 
            enabled:true,
            preload: [1, 1] ,
          },
          image: {
            titleSrc: false,
            markup: '<div class="mfp-figure">'+
                      '<div class="mfp-close"></div>'+
                      '<div class="mfp-img"></div>'+
                        '<div class="mfp-bottom-bar">'+
                          '<div class="mfp-title"></div>'+
                      //  '<div class="mfp-counter"></div>'+
                        '</div>'+
                    '</div>',
            },  
            callbacks: {
              elementParse: function(item) {
                var originalSrc = item.el.attr('src');
                var fullSizeSrc = originalSrc.replace(/-\d+x\d+\./, '.');
    
                // Create a temporary image object to check whether the full resolution exists
                var img = new Image();
                img.onload = function() {
                  item.src = fullSizeSrc;
                };
                img.onerror = function() {
                  item.src = originalSrc;
                };
                img.src = fullSizeSrc;
                item.src = originalSrc;
              },
    
              markupParse: function (template, values, item) {
                var title = ''; // Initialize title as an empty string. This is our default fallback.
    
                // 1. Highest Priority: Check for content from a nearby .widget_text element
                var textWidget = item.el.closest('.panel-grid-cell').find('.widget_text');
                if (textWidget.length && textWidget.html().trim() !== '') {
                  title = textWidget.html();
                } else {
                  // 2. Second Priority: If no text widget, check the image's alt attribute
                  var altAttribute = item.el.attr('alt');
                  if (altAttribute && altAttribute.trim() !== '') { // Checks if exists AND has non-empty content
                    title = altAttribute;
                  } else {
                    // 3. Third Priority: If no alt, check the image's title attribute
                    var titleAttribute = item.el.attr('title');
                    if (titleAttribute && titleAttribute.trim() !== '') { // Checks if exists AND has non-empty content
                      title = titleAttribute;
                    }
                  }
                }
    
                // Finally, assign the title to values.title, wrapping it in <h3> ONLY if there's content
                if (title) {
                  values.title = '<h3 class="heading">' + title + '</h3>';
                } else {
                  values.title = ''; // If no title was found at all, ensure nothing is displayed
                }
              },
            },
        });
    })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'mixed_media_lightbox', 9999);

    And

    #top .mixed-media .mfp-image-holder .mfp-content {
      max-width: 1200px; 
      box-sizing: border-box; 
      padding-bottom: 90px; 
      vertical-align: middle; 
    }
    
    #top .mixed-media .mfp-bottom-bar {
      margin-top: -36px;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      cursor: auto;
      background-color: rgba(0,0,0,0.3);
      backdrop-filter: blur(4px);
      padding: 5px 10px;
    }
    
    #top .mixed-media .mfp-bottom-bar .mfp-counter {
      right: 5px
    }
    
    #top .mixed-media .mfp-content img.mfp-img {
      width: auto;
      max-width: 100%;
      max-height: 90vh !important;
      height: auto;
      display: block;
      line-height: 0;
      box-sizing: border-box;
      padding: 40px 0 40px;
      margin: 0 auto;
    }
    
    #top .mixed-media .mfp-content .mfp-title .heading * {
      font-weight: 400 !important;
    }
    
    #top .mixed-media .mfp-content .mfp-title .heading p {
      margin: 0.3em 0;
    }
    
    #top .widget_media_image img {
      cursor: pointer;
    }
    #1486038

    In reply to: lightbox issues

    Now – what you have to do. : not all your images do have that widget_text
    See Paintings Page. Or you have tried to do it with enfold lightbox implementation there. ?

    the script is working – but the shown title is not allways defined. the reason – see above.

    Best would be to set an alt or title tag as fallback to all of your images. For SEO purpose it might be better to use the alt tag.
    then you had to change the else condition to:

    values.title = '<h3 class="heading">' + item.el.attr('alt') + '</h3>';
    

    Hi minhndq,

    Open a new thread and post a link to your site.

    Best regards,
    Rikard

    #1486014

    Hi
    Is it planned, that we can use Google reCAPTCHA alternatives with Enfold in the near future?

    For example Contact Form 7 implemented Cloudflare Turnstile:

    Would be nice, if we could also use Google reCAPTCHA alternatives with Enfold.

    Best regards
    Mike

    #1486008

    In reply to: lightbox issues

    Thanks for taking a look.
    this is how the image is set up – it’s similar to Enfold (which I have used exclusively for years).
    on the mixed media page: https://imgur.com/iqrN3T2 and https://imgur.com/1VgypnI
    but on the front end I don’t see the link in the preview or page view.
    on the paintings page, the first image is set up the same way, but the link is there –
    in the preview it opens in lightbox: https://imgur.com/uYtdXbb and https://imgur.com/RLnBpBQ
    but when I save a view the page, it opens the image in another page. The second image on that page is set up the same way but there doesn’t seem to be a link: https://imgur.com/yHRPIj7
    I have gone back and forth through all the settings. The lightbox is enabled.
    Any advice?
    thanks
    Nancy

    #1485998

    Ok, so I was able to update the Enfold theme to 7.1.1 (I see that in the debug code when viewing SRC), but that didn’t seem to fix my issue. Looking into it, it seems that maybe my font colors in the CSS are a bit off so I will have to dig into that, but thank you for pointing me in the right direction!

    • This reply was modified 7 months, 1 week ago by AIMEnfold.
    #1485992

    Hey Richard,

    Thank you for the inquiry.

    The image overlay is disabled on mobile devices by default. You can enable it back but you have to edit the themes/enfold/js/avia.js file and remove the following code from the avia_hover_effect function, around line 769.

    if( $.avia_utilities.isMobile )
    		{
    			return;
    		}
    

    Make sure that the Enfold > Performance > File Compression is temporarily disabled. Let us know the result.

    Best regards,
    Ismael

    #1485984

    Topic: lightbox issues

    in forum Enfold
    Munford
    Participant

    hi
    I just took over a site that is using another theme together with Site Origin builder. (I am used to using enfold). I was having trouble with the lightboxes not working even though my images are set to open in a media file. Some of them work and some don’t, and sometimes the images seem to default back to no lightbox. I switched the theme to Enfold on a staging site, but the same thing is happening. I still have Site Origin installed since I don’t want to rebuild the whole site. Can you see if there is a conflict or what the issue is?
    thanks for your help
    Nancy

    #1485981

    Hey faroestudio,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function change_posts_titles_from_h3_to_h2_in_grid_view() { ?>
      <script>
    (function($) {
      $(function() {
        function replaceElementTag(targetSelector, newTagString) {
          $(targetSelector).each(function(){
            var newElem = $(newTagString, {html: $(this).html()});
            $.each(this.attributes, function() {
              newElem.attr(this.name, this.value);
            });
            $(this).replaceWith(newElem);
          });
        }
        replaceElementTag('.slide-entry-wrap h3.slide-entry-title.entry-title ', '<h2></h2>');
      });
    }(jQuery));
    </script>
      <?php
    }
    add_action( 'wp_footer', 'change_posts_titles_from_h3_to_h2_in_grid_view', 99 );

    If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    use wpcode php snippet and activate
    and ensure that it is activated, then add the above code and save.

    Best regards,
    Mike

    #1485980

    Hi,
    Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 30 results - 1,681 through 1,710 (of 243,991 total)