Viewing 30 results - 1,651 through 1,680 (of 243,990 total)
  • Author
    Search Results
  • #1486243

    Topic: Focusable elements

    in forum Enfold
    Biggy
    Participant

    Hi,
    the topic of accessibility is currently on our minds. We actually have it well under control, and the Enfold theme is exemplary in this regard. Currently, we’re working on focusable elements, such as buttons that indicate the action behind them when hovered over. If you only use the keyboard, this change in the button color isn’t visible. This leads to complaints. Do you have any ideas how to solve this? This also applies to links or searches…basically, every interaction!

    Regards

    #1486242
    slawek
    Guest

    I have problem with Enfold theme functionality and have no idea how to ask a question online. There is no option on the website!!!!!!!!!!!!!!!!!!!!!!

    #1486238
    extraeyes
    Participant

    Good morning,

    You helped me fix this last time. I have now uploaded the child’s theme, and your settings have disappeared. I entered the code in the custom code field, and, as before, it did not work. AND THERE IS ANOTHER BIG ISSUE WITH THE NEW INSTALL. On the phone the products are majorly out of wack! Type is all over the place. Can you help with this then check on a phone to see if it appears right?? THANK YOU IN ADVANCE!! I uploaded the old Enfold theme settings with the new install but maybe because you changed it at the Php level it did not transfer.

    I HAVE COPIED AND PASTED WHAT YOU DID THE LAST TIME. HERE IT IS. YOU ADDED IT TO MY PHP FUNCTION, WHICH I DO NOT KNOW HOW TO DO.

    Hi,Thank you for your patience, on the page /fine-art-limited-editions/ I see the images are cropped to 450px square:
    Enfold_Support_3642.jpeg

    and your original images are in a 4:3 layout:
    Enfold_Support_3644.jpeg

    I couldn’t find the snippet that Ismael provided above anywhere, so I added it to th end of youe functions.php and now the images look like the original layout:
    Enfold_Support_3646.jpeg

    please clear your browser cache and check.
    I see you are not using a child theme and so this customization will be lost when you update next, I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets so your customizations won’t be lost.

    Best regards,
    Mike

    HERE IS THE SNIPPET THAT THE THREAD SAID YOU ADDED.

    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’;

    • This topic was modified 7 months ago by extraeyes.
    • This topic was modified 7 months ago by extraeyes.
    • This topic was modified 7 months ago by extraeyes.
    #1486218

    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

    #1486217

    In reply to: 2 Ränder

    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

    #1486208
    Justina Pineker
    Guest

    Ich habe bereits mit Rikard eine konversation gestartet, leider kann ich ihm nichtmehr antworten im Forum, da das Limit von 4 schon erreicht ist.

    Daher hier nochmal die Bitte an Herr Rikard, die letzte Frage von Ihm war ob das Problem auch auftritt wenn alle Plugins bis auf WPML deaktiviert sind und die Antwort ist : JA

    Der Fehler tritt genauso auf, auch wenn alle Plugins bis auf WPML deaktiviert sind.

    #1486198

    In reply to: Logo as SVG

    My interest in seeing the SVG was because you might not need an alternative logo. Why is there a construct with alternative logos in Enfold for transparent headers? In most cases, the only issue is the logo’s contrast with the background. However, since it is very difficult to influence a PNG or JPG in this respect, a second logo was used. As above, white text on a dark background.
    With an inline SVG, however, I can achieve this by changing the elements within the SVG using external CSS.

    if you only need these classes in the mobile case (header-scrolled or header-scrolled-full) to have a different logo, you can also change your logo via the class (av_header_transparency).

    #1486194
    GarethZimbabwe
    Participant

    Good day,

    I have recently purchased your Enfold theme, uploaded it and create a website for a client. The website was working fine but is now showing a blank page. I cannot even access wordpress in the backend. Today I have deactivated plugins in Cpanel and increased PHP memory from 128mb to 524mb.

    Nothing has worked.

    Please assist.

    #1486193

    In reply to: Style customization

    Hi,

    Thanks for your patience.

    The styling changes in Enfold are saved correctly, but the server is still showing an old cached version of the dynamic CSS file.

    Please contact your hosting provider and ask them to clear the Nginx cache for this file: /wp-content/uploads/dynamic_avia/enfold.css

    Once it’s cleared, the changes will show up on the site.

    Please keep the server-side caching disabled while you’re developing your site.

    Let us know how it goes!

    Regards,
    Yigit

    #1486189

    Hi Mike,
    i was hoping there is an easy way just to make the columns inside the section move down instead go moving up during the parallax move.

    Did I overlook a simple way to do it?
    Your discussion with another member is for me too much tech talk :-)


    @guenni007
    : thx for your efforts , but -30% does not change the direction at my end, just the speed (as the enfold hints tell). And advanced coding via functions.php is not my business …
    .

    #1486176

    Hey TB-MTL-marketing,

    Thank you for the inquiry.

    You may have forgotten to include the site URL. Please add it to the private field. Regarding the issue, try to temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. We’ll check the issue further once the login credentials are available.

    Best regards,
    Ismael

    #1486173

    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.

    Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
    If you are unable to login to the support forum because 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.

    Best regards,
    Mike

    #1486172

    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

    #1486163
    TB-MTL-marketing
    Participant

    Hello,

    Hope you are doing well.

    We have the same reoccuring issue that we’ve had in the past with threads we’ve opened. Many elements keep not loading across the website and only reappear on reload, and not always fully.

    We’ve cleared the cache on Object Cache Pro. We’ve also added Enfold theme as an exclusion for the Async plug-in. I don’t know if there could be issues such as conflicts between Async and Autoptimize. We’ve also set exclusions between them.

    The issue happens more and more often and at times it seems like the whole page doesn’t load until the reload. We’ve disabled lazy load on Enfold, but have it on Autoptimize because we don’t see the option to turn it off.

    Is there anything we can do?

    Thank you in advance,
    Vlad

    where did you found that filter: avf_post_featured_image_size ?

    to bring that new added image format to the lists where you can choose the source you can use:

    Edit: ok. there seems to be changed a lot on those filters – on my actual enfold theme my solution brings some errors.

    add_action( 'after_setup_theme', 'my_custom_enfold_image_sizes' );
    
    function my_custom_enfold_image_sizes() {
        add_image_size( 'custom-16-9-hero', 1280, 720, true );
    }
    
    add_filter( 'image_size_names_choose', 'my_custom_enfold_image_size_names' );
    
    function my_custom_enfold_image_size_names( $sizes ) {
        return array_merge( $sizes, array(
            'custom-16-9-hero' => __( 'My Custom Featured Image' ),
        ) );
    }
    WPDESIGNER
    Participant

    Hello Enfold Support Team,

    I am trying to change the default cropped size of my featured images on single blog posts to a proper 16:9 aspect ratio, so that my 1280x720px images are displayed in full without any cropping.

    I have tried two different PHP-based methods based on my research, but neither has worked on my local server environment (so caching should not be the issue).

    Method 1: Modifying Existing Sizes

    First, I tried to modify the existing theme sizes using the avf_modify_thumb_size filter. This was the code I used in my child theme’s functions.php (respectively in a Code Snippet Plugin):

    function enfold_definitive_image_ratio_fix( $size_array ) {
        $size_array['entry_without_sidebar'] = array('width' => 1210, 'height' => 681);
        $size_array['entry_with_sidebar'] = array('width' => 845, 'height' => 475);
        return $size_array;
    }
    add_filter( 'avf_modify_thumb_size', 'enfold_definitive_image_ratio_fix', 10, 1 );

    When this code is active, the “Regenerate Thumbnails” page still shows the old default dimensions (e.g., 1210×423), so the filter does not seem to be applying correctly.

    Method 2: Registering a New Size and Forcing its Use

    As an alternative, I also tried registering a brand new 16:9 image size (custom-16-9-hero) and then used the avf_post_featured_image_size filter to force the theme to use it. Here is the code for that attempt:

    function enfold_add_custom_image_sizes() {
        add_image_size( 'custom-16-9-hero', 1280, 720, true );
    }
    add_action( 'after_setup_theme', 'enfold_add_custom_image_sizes' );
    
    function enfold_use_custom_featured_image_size( $size ) {
        if ( is_singular('post') ) {
            return 'custom-16-9-hero';
        }
        return $size;
    }
    add_filter( 'avf_post_featured_image_size', 'enfold_use_custom_featured_image_size', 10, 1 );

    With this method, the “Regenerate Thumbnails” plugin does show my new custom-16-9-hero – 1280 x 720 size and creates the files correctly after regenerating. However, the theme’s single post template still ignores the filter and continues to display the old default cropped image.

    My question is:

    In the latest version of Enfold, what is the definitive and correct method to ensure the featured image on a single post page is displayed at a custom 16:9 ratio?

    Thank you very much for your help.

    Kind regards,
    David

    Bpelzer
    Participant

    Hello,
    I am using the Enfold contact form with Avia layout builder. There is only one checkbox in use for the acceptance of our privacy statement. The site is for Germany and therefore it has to show a link to our privacy statement.
    So I used the following content for the checkbox element:
    Ich akzeptiere die Bestimmungen der ###lt###a href=”/datenschutzerklaerung”###gt###Datenschutzerklärung###lt###/a###gt###.

    This works well and no error is displayed. But when sending a message via this form, then I receive this at the bottom of the email message:

    Ich akzeptiere die Bestimmungen der [/datenschutzerklaerung]Datenschutzerklärung.: true

    How can I clean this up? I do not want my customer to receive such emails. It has to look well and not like bad styling.

    Best regards
    Bettina

    Like I already said, the problem is also on a staging site that is a clone of the live site. Actually the clone was performed with WP-Staging ( problem still present) and then all pending Updates (Enfold and others) were performed in the clone (problem still present). What exactly do you mean by “export your project”?

    If you mean exporting all sliders, and re-importing: I just did so, with no success:
    1 – importing a zip of sliders into the staging clone with 6.x Enfold containing LS 7.12.x
    2- importing a zip of sliders into the upgraded staging clone 7.1.1 Enfold containing LS 7.14.4
    3- disabling all plugins that might interfere with editing, like ACF, RankMath , contentViews,

    None of these steps were successful. It is still not possible to edit any of the slides. I include a site report in the private area.

    #1486147

    Hey Rikard,
    I tried to upload as new theme and received the next error:
    Installing theme from uploaded file: themeforest-b5HmKjFP-enfold-responsive-multipurpose-theme.zip
    Unpacking the package…

    Installing the theme…

    The package could not be installed. The theme is missing the style.css stylesheet.

    Theme installation failed.

    #1486145

    Hey Munford,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1486144

    Hey Shay Bar,

    Enfold is a theme, so make sure that you are installing it as one. The files in your Themeforest account are always the latest version.

    Best regards,
    Rikard

    Shay Bar
    Guest

    Hi
    I bought the plugin of ENfold, it was few years ago here is the number of perches :
    Enfold – Responsive Multi-Purpose Theme
    Regular License
    6 months support (expires on 28 May 2018)
    Purchase code: a4e0c6a1-2e97-4f78-9eab-b6d922b36ded

    I’m trying to build a new site and I want to use it, my WordPress version is 6.8.1 .
    when I try to import the plugin , I receive an error during the installation phase .
    what is the reason please ?
    do I have an old version of enfold?
    I downloaded it from https://themeforest.net/downloads where i bought it.
    Thanks

    kinnear
    Participant

    Hi, I used the Enfold Medical template, and the slider image is mostly covered up on a mobile (small screen). I unticked the option to display it, and half of the first content box is missing (the top half). So either way, it looks dreadful. I checked the medial template on my phone to see if the same issue happened for you, and I noticed the box was further down, so more of the slider image was visible. How can I do that for my website?

    Cheers Kinnear

    Thank you so much, but can you support me about make same date form of enfold theme? Please, because i see it look very beautiful.

    Hi,
    The plugin Header Footer Code Manager is limited and only allows HTML & JS, where WPCode allows these and PHP & CSS, in the past I tested both and found WPCode, the free version, to be much better considering that most snippets are PHP. I would recommend replacing Header Footer Code Manager with WPCode, or use a child theme.
    But since your AXE & WAVE is not reporting the change to aria-hidden correctly I don’t think that we can create a solution that will help. If you watch the DOM in the browser you will see that the aria-hidden does change on scroll. We could set the aria-hidden to false always, but then on page load you would see an error, instead of after scroll. I would hope that a real screen reader would report this correctly and recognize changes to the DOM in real time, unlike the testing tools, otherwise you may need to disable this Scroll-to-Top feature.
    To request the Dev Team to review this, please open a new Github Feature Request to place a request and follow it as the Dev Team reviews it.

    Best regards,
    Mike

    Dear Mike,

    Thank you so much for your quick help and solution suggestion. I wanted to let you know that AXE is actually a free browser extension (available for Chrome) and very easy to install and use. I tested your code after clearing the cache and restarting everything, but unfortunately, AXE still reports the same error (see screenshot at https://restaurant-weichandhof.de/support/axe.png).

    Also, this seems to be a global issue. I am currently working on making seven websites accessible, all built with Enfold, and this Scroll-to-Top-Button problem appears across all of them. It would be great to have a solution that I could apply universally or ideally have this fixed directly in the theme itself.

    I would also prefer not to use an additional plugin (like WPCode) or keep this code in the functions.php file, as I would lose the changes with the next theme update. Could you perhaps suggest a solution that works via the existing Header Footer Code Manager plugin, or maybe there is another way to solve this via theme settings or CSS/JS?

    Thank you so much again for your support!

    Best regards,
    Diana

    #1486105

    Hi,
    Thanks for your help Guenni007, but in my test it seems that only targeting the ID “#av_section_1” didn’t help, I tried adjusting to const container = document.querySelector('#av_section_1 .av-parallax-object'); to target the text in the parallax but as you pointed out it was jerky for the speed needed.
    With trial and error and AI I found that this javascript & css works well for desktop & mobile and smooths out most all the jerk from the text and background image.
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function move_text_in_parallax_down_on_scroll() { ?>
      <script>
      document.addEventListener("DOMContentLoaded", function () {
      const el = document.querySelector("#av_section_1 .av-parallax-object");
      const bg = document.querySelector("#av_section_1 .av-parallax");
    
      if (!el || !bg) return;
    
      const isMobile = window.innerWidth < 768;
    
      const textSpeed = isMobile ? 0.9 : 0.7;
      const bgSpeed = isMobile ? 0.3 : 0.2;
    
      let currentYText = 0;
      let currentYBg = 0;
    
      const updateParallax = () => {
        const scrollY = window.scrollY || window.pageYOffset;
    
        // Text transform
        const targetYText = scrollY * textSpeed;
        currentYText += (targetYText - currentYText) * 0.05;
        el.style.transform = translateY(${currentYText}px);
    
        // Background transform
        const targetYBg = scrollY * bgSpeed;
        currentYBg += (targetYBg - currentYBg) * 0.05;
        bg.style.transform = translateY(${currentYBg}px); // GPU accelerated
    
        requestAnimationFrame(updateParallax);
      };
    
      requestAnimationFrame(updateParallax);
    });
      </script>
      <style>
      #av_section_1 .av-parallax-object {
      position: relative;
      top: 0;
      left: 0;
      will-change: transform;
      backface-visibility: hidden;
      transform: translateZ(0);
    }
    #av_section_1 {
      position: relative;
      overflow: hidden;
    }
    #av_section_1 .av-parallax {
      background-attachment: scroll !important; /* disables fixed scroll handling */
      background-position: center center !important;
      transform: none !important;
      will-change: auto !important;
    }  
      </style>
      <?php
    }
    add_action( 'wp_footer', 'move_text_in_parallax_down_on_scroll', 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

    #1486098

    and the parallax speed of -30% is not enough?
    only values less than -100% have that effect you described – but this option does not exist …

    (by the way – a value of -100 means that the column is quasi in fixed position )

    give a unique ID to that Column. Set all your parallax options ( -30% is not enough for you ) and set these setting by child-theme functions.php for that ID:

    function my_custom_all_parallax_settings() {
    ?>
    <script>
    window.addEventListener("DOMContentLoaded", function () {
        const container = document.getElementById('myID1');
    
        if (container) {
            // Create a new JavaScript object with ALL the desired parallax settings
            // You can customize any value here as you need it.
            const newParallaxSettings = {
                "parallax": "bottom_top",       // Standard Parallax
                "parallax_speed": "-150",       // Standard Parallax Speed
    
                "av-desktop-parallax": "bottom_top", // Desktop
                "av-desktop-parallax_speed": "-100",  // Desktop Speed
    
                "av-medium-parallax": "bottom_top",  // Medium Tablet
                "av-medium-parallax_speed": "-50",   // Medium Tablet Speed
    
                // only change those values that you can not set by Enfold Options Dialog
    
                // "av-small-parallax": "no_parallax", 
                // "av-small-parallax_speed": "no_parallax", 
    
                // "av-mini-parallax": "no_parallax", 
                // "av-mini-parallax_speed": "no_parallax" 
            };
    
            // Convert the new object into a JSON string
            const newParallaxData = JSON.stringify(newParallaxSettings);
    
            // Set the new data-parallax attribute
            container.setAttribute('data-parallax', newParallaxData);
    
            console.log('Data attribute for all parallax settings changed successfully!');
            console.log('New data-parallax value:', container.getAttribute('data-parallax'));
        } else {
            console.error('Container with ID "myID1" not found.');
        }
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'my_custom_all_parallax_settings');

    However, be aware that high parallax speed values may cause the element to “jerk” while scrolling.

    #1486088

    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

    #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

Viewing 30 results - 1,651 through 1,680 (of 243,990 total)