Viewing 30 results - 1,951 through 1,980 (of 244,340 total)
  • Author
    Search Results
  • ThiloKiefer
    Participant

    Hi Enfold Team,

    we’d like to get your feedback regarding the page structure and semantic markup used in our Enfold setup. An accessibility tool pointed out that our website lacks a <main> landmark, which is suboptimal in terms of both accessibility (screen reader navigation) and SEO.

    Observation:
    Currently, our page structure looks something like this:
    ——————-
    <div class=”main”>
    <!– content –>
    </div>
    ————–
    The accessibility tool reports that a semantic <main> element is missing, which is important for screen readers and search engines.

    Question:
    From your perspective, is there any reason not to change the markup to the following?
    ——————-
    <main class=”main”>
    <!– content –>
    </main>
    ———————
    Can you confirm whether this change is reasonable and compatible with Enfold, or is there anything we should be aware of before implementing it?

    Thanks in advance,

    #1486400
    hubertba
    Participant

    Hello

    I try to add a checkbox tho the checkout form of the woo commerce shop. The checkbox should indicate the consent to forward the email adress to the delivery service.
    The site https://shop-en.sonnenmulde.at/kasse/ shows a nice checkout form and I only want to add a field there:

    What I already tried:
    Since it is apparently a block based component the classic checkout and adding a checkbox via functions.php did not work
    I tried to use the custom blocks plugin which gets installed if I switch in enfold to the block based editor but this ruins the layout
    I tried to create some javascript to inject the checkbox, which worked but I was not able to receive the value of it into my backend.

    Any suggestions on how I can add a non mandatory checkbox to the checkout field and receive its value into the order backend ?

    #1486399

    Topic: Favicon Not Appearing

    in forum Enfold
    aron8778
    Participant

    HI Guys,

    I have tried to get this Favicon indexed for weeks, it is currently uploaded to appearance > customise area but also tried the Favicon in the Enfold settings and getting no joy whatsoever.

    Can anyone advise please?

    It displays when I am logged in but when and logged out in incognito but its not being picked up with Google

    https://www.google.com/search?q=site%3Abanburyroofingandpaving.co.uk&oq=site%3Abanburyroofingandpaving.co.uk&gs_lcrp=EgZjaHJvbWUqBggAEEUYOzIGCAAQRRg7MgYIARBFGDrSAQc5MjNqMGo0qAIAsAIA&sourceid=chrome&ie=UTF-8

    Hi,

    Thanks for the update. What you posted above is a PHP warning, and should not cause your site to crash:

    Warning: Trying to access array offset on value of type null in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/helper-templates/function-set-avia-frontend.php

    Do you have more detailed error logs which you could share with us?

    Best regards,
    Rikard

    #1486386

    Hey JoStudioDeRijp,

    Thank you for the inquiry.

    Make sure to set the page as the blog under Enfold > Theme Options > Where Do You Want To Display The Blog. Then increase the number of posts by adjusting the Settings > Reading > Blog pages show at most value. Let us know the result.

    Best regards,
    Ismael

    #1486385

    Topic: Share this entry

    in forum Enfold
    tiadrop
    Participant

    Hello I need your assistance with changing the shape of the social media logos from rectangles to circles.

    I went to the settings from Enfold, blog entries and I changed it there I noticed it changes for any new items I published but not on the current pages. I need the current pages to change the social media from rectangle to circles please.

    Please help me change the profile from rectangles to circles please

    • This topic was modified 8 months, 1 week ago by Rikard.
    #1486384

    Hey idemadv,

    Thank you for the inquiry.

    This can be adjusted, but you’ll need to modify the file at themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php. Look for the code around line 1883 and replace main with div or section.

    if( ! empty( $main_container ) )
    				{
    					$markup = 'main ' . avia_markup_helper( array( 'context' => 'content', 'echo' => false, 'custom_markup' => $custom_markup ) );
    					$avia_section_markup = 'main';
    				}
    

    Another option is to create a custom script that dynamically switches the main wrapper to another element or tag.

    https://stackoverflow.com/questions/918792/use-jquery-to-change-an-html-tag/20469901#20469901

    Best regards,
    Ismael

    #1486382

    Hi,

    Thank you for the inquiry.

    On the “vereinsportal” site, the Enfold > General Styling > Socket > Socket Background Color is set to #11abd6, while on the other site it’s set to #109bc5. Please double-check the color values.

    Best regards,
    Ismael

    #1486381

    Hey Loveronika,

    Thank you for the inquiry.

    Try to add this css code to adjust the size of the slider image.

    @media only screen and (max-width: 489px) {
      /* Add your Mobile Styles here */
      .avia-slideshow li img {
        width: 100%;
        background-size: cover;
        height: 300px;
        object-fit: cover;
      }
    }

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings in order to make sure that the changes take effect.

    Let us know the result.

    Best regards,
    Ismael

    #1486378
    Guenni007
    Participant

    if you have set this filter:

    add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );
    

    The body does not scroll away on opened lightbox

    To prevent the background from scrolling when the lightbox is open, enfold sets to the html elment an overflow: hidden.
    Enfold also considers the scroll bar, which disappears, and added a margin-right of 15px (15px–17px is a common scroll bar width).
    However, since the fixed header is virtually taken out of the DOM flow, it appears to widen. This causes the navigation to jump slightly when opening and closing the lightbox.
    Unfortunately, no additional class is added to HTML when the lightbox is open (e.g., “lightbox-active”), so I use the now-widespread pseudo-class selector “has” to compensate for this.

    html.av-default-lightbox-no-scroll body:has(.mfp-wrap) #header.av_header_sticky {
        width: calc(100% - 15px);
    }

    werbeagenturlauf
    Participant

    Hi @enfold!

    if you look at this portfolio raster https://boetz-kresse.de/rezepte/ you see that the length of the text destroys the layout. where can i do setting to make the size of each portfolio equal?

    Thanks for your support!

    Michael F.

    This reply has been marked as private.

    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

    Hey ORC,
    Point A:
    The misaligned datepicker in the footer is not from the theme but from jQuery UI, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #ui-datepicker-div {
    	display: none;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1486352

    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

    mdx11
    Participant

    Nach dem Update von Enfold erscheint folgender PHP-Fehler im Frontend und/oder Backend und nach Aktivierung von WP Rocket kam es zu einem Error 500.
    Nach einer Analyse mit Hilfe v. ChatGPT (sorry, hab nur eingeschränkte php-Kenntnisse) kam die KI zu diesem Schluss:

    Warning: Trying to access array offset on value of type null in /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/helper-templates/function-set-avia-frontend.php on line [XY]

    Ursache:
    In der Funktion avia_get_option() wird folgender Code ausgeführt:

    $pages[] = 'avia';
    $pages = array_unique( array_merge( $pages, array_keys( $avia->options ) ) );

    Wenn $avia->options nicht gesetzt oder null ist, erzeugt array_keys( $avia->options ) eine PHP-Warning.

    Lösungsvorschlag:
    Absicherung der Zeile, z.B. so:

    $pages[] = 'avia';
    if ( isset( $avia->options ) && is_array( $avia->options ) ) {
        $pages = array_unique( array_merge( $pages, array_keys( $avia->options ) ) );
    }

    So wird der Fehler zuverlässig vermieden, auch wenn $avia->options noch nicht initialisiert wurde.

    System:
    Enfold Version: 7.1.1
    WP Rocket:
    PHP Version: 8.2.28
    Hosting: Hetzner

    Um den Error 500 und die auftretenden PHP-Warnungen in Verbindung mit Enfold zu identifizieren, haben wir folgende Schritte unternommen:
    1. WP_DEBUG aktiviert: Fehlerausgabe und Logging wurden aktiviert, um detaillierte Fehlermeldungen zu erhalten.
    2. PHP-Log geprüft: Im Error-Log wurde die Warnung „Trying to access array offset on value of type null“ in der Datei function-set-avia-frontend.php gefunden.
    3. Object Cache geprüft: Im Hetzner-Webhosting wurde überprüft, ob Redis oder Memcached aktiv sind. Redis war aktiviert, wurde aber testweise deaktiviert. Das Problem bestand weiterhin.
    4. Theme-Tests: Das Enfold-Theme und das Enfold-Child-Theme wurden einzeln getestet. Der Error 500 blieb bestehen, unabhängig vom Theme.
    5. Kritische Theme-Datei überprüft: Die Datei function-set-avia-frontend.php wurde gezielt untersucht und der problematische Quellcode identifiziert.
    6. Optionen im Backend geprüft: Es wurde geprüft, ob veraltete oder ungültige Optionen (z. B. durch Caching) eine Rolle spielen könnten.

    Diese gezielten Analysen führten letztlich zur Identifikation des fehlerhaften Codes in der Theme-Funktion.

    #1486347

    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,
    If you want the font to be 200px and the menu items closer and to the left, try this CSS in your <strong style=’color:#000′>Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #av-burger-menu-ul {
        text-align: left;
        padding-left: 20px !important;
    }
    .html_av-overlay-full #av-burger-menu-ul li {
    padding: 10px;
    }
    #top #wrap_all #av-burger-menu-ul li {
        font-size: 200px;
    }

    After applying the css, please clear your browser cache and check.
    Screen Shot 2025 07 05 at 8.07.00 AM

    Best regards,
    Mike

    #1486342

    Hey cnpetr,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .mfp-iframe-scaler {
      height: 90vh !important;
    }

    feel free to adjust to suit.

    Best regards,
    Mike

    #1486341
    cnpetr
    Participant

    Hello! I have a button that opens a lightbox with a contact form within. It looks okay in desktop but in mobile the lightbox cuts off the form. I used the instructions on the button open lightbox documentation (below). No other css or theme file updates made. Is there a way to show the form at full height?

    https://kriesi.at/documentation/enfold/button/

    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

    Hi,
    Thanks for sharing Guenni007, perhaps someone will find this helpful.

    @shop802
    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

    #1486334

    In reply to: Focusable elements

    Hi,

    Great, I’m glad that @guenni007 could help you out :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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

    function my_datepicker_limits() {
        ?>
        <script type="text/javascript">
        jQuery(document).ready(function($){
    
            // Use a short delay to wait for Enfold to initialize the datepicker
            setTimeout(function() {
                var $dateField = $('.avia_datepicker'); // Adjust this if needed
    
                if ($dateField.length && $dateField.data('datepicker')) {
                    $dateField.datepicker('option', {
                        minDate: new Date(2025, 7, 8),  // August 8, 2025
                        maxDate: new Date(2025, 7, 18)  // August 18, 2025
                    });
                } else {
                    console.warn("Datepicker not initialized or selector not found.");
                }
            }, 500); // delay to allow Enfold scripts to finish
    
        });
        </script>
        <?php
    }
    add_action('wp_footer', 'my_datepicker_limits', 30);
    

    Screen Shot 2025 07 04 at 5.35.07 PM

    Best regards,
    Mike

    #1486327

    In reply to: Focusable elements

    Hi Guenni,

    We always knew you really knew Enfold inside and out. And that’s really good.
    Thanks for the help. This post can be closed.
    Regards
    Biggy

    #1486324
    CreativeProject2013
    Participant

    I need to update Endold on the site http://www.esina.it
    I bought the latest version of the theme
    when I install it and replace it with the previous one, the slide disappears, the order of the shop changes, the mobile version menu does not work and the “Services” disappear on the home page.
    I absolutely have to restore it otherwise the e-commerce sales will be blocked. Please help me.

    #1486322

    Sorry might explain wrongly… in the last reply that we made, we were just looking for the classic way that enfold child has to show up who created the post (author)with a small picture, linking to his ¨info¨. We tried Enfold > Blog Layout > Single post Option > Single post style > Multi Author Blog, but this was showing nothing into the post or the page with all posts.

    #1486319

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

    add_filter('avf_title_args', 'remove_blog_prefix_from_title', 10, 2);
    function remove_blog_prefix_from_title($title, $id = null) {
        if (is_single() && strpos($title['title'], 'Blog -') === 0) {
            // Remove "Blog -" prefix
            $title['title'] = trim(str_replace('Blog -', '', $title['title']));
        }
        return $title;
    }

    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

    #1486318

    Hi,
    I don’t think that the theme option in our documentation is what you want. The theme option displays the author image (with a link to the author page) beside the feature image of the post.
    Screen Shot 2025 07 04 at 7.16.35 AM
    But only if you choose Enfold > Blog Layout > Single post Option > Single post style > Multi Author Blog.
    If you read the documentation carefully it says to add a author box you need to add PHP & CSS:
    Screen Shot 2025 07 04 at 7.29.43 AM
    In my test this works:
    Screen Shot 2025 07 04 at 7.32.00 AM
    But you need to add the link manually in the profile:
    Screen Shot 2025 07 04 at 7.33.46 AM
    I thought the thread that I posted to above covered this with a different PHP solution, you would not want to use both at the same time.

    Best regards,
    Mike

    #1486313

    In reply to: Focusable elements

    Thanks, Guenni,
    The issue is that the buttons in Enfold don’t meet the WCAG standard for keyboard accessibility. We do meet the 4:1 contrast ratio requirement, and we also tested black and white. It’s 21:1, which is extreme. But when reading the page with the keyboard, the button doesn’t change, even though the focus-visible is set to !important in the CSS.

    Regards

Viewing 30 results - 1,951 through 1,980 (of 244,340 total)