Viewing 30 results - 2,161 through 2,190 (of 244,605 total)
  • Author
    Search Results
  • #1486621

    In reply to: Header Button

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    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

    NICE! That was exactly the issue. I didnt have any Enfold performance settings turned on, but I deactivated the cache plugin and that worked. I had purged the cache before, but it clearly wasn’t enough. Now the settings are working. Thank you!!

    Adding the below file paths to the “Excluded” files for the JS Delay and JS Deferred in the WP Rocket settings did not work.

    — enfold/js/avia-snippet-cookieconsent.min.js
    — enfold/js/avia-snippet-cookieconsent.js

    I will need to clone the live site to staging to test disabling the Enfold > Performance > File Compression settings. If I try that and it doesn’t work, I will provide temp login details for staging so you can troubleshoot.

    Thanks!

    aintzerga
    Participant

    Hello,

    We need to create a page with the portfolio content and a side menu to search and filter the grid content.
    I’ve attached a screenshot of what we want to do in this download link: https://we.tl/t-n4UVsEjvWc

    This is the page you’re building, but we don’t know how to add a side menu for searching and filtering: https://limousin.eus/website2025/aaa-pruebas/

    What would the solution be with Enfold?

    Thank you.

    #1486603

    Obviously, you have more faith in a moderator than in an experienced participant. There is no danger of trying one of them – and if that doesn’t work, testing the other solution.
    A full-width slider is responsive by default, so there’s no reason to define heights or minimum heights here. Only if the content of the color section gets bigger in height than the height of the background-video (or background-image). See here for example – there a min-height would be nice: https://kriesi.at/themes/enfold-wedding/

    I can’t provide any more proof of this than the video, which shows a screen width of 320px.

    So if you say that you have removed this minimum height from the color section, and have removed this one rule from the quick css; have saved everything, then it can actually only be due to a caching tool or to the Enfold own (merged or minified css) settings that I still see these settings in your source code.

    I’m going to take a break from here.

    Last hint – you can force my results if you place inside your quick css instead:

    #top.home #wrap_all #full_slider_1, 
    #top.home #wrap_all #full_slider_1 .avia-slideshow, 
    #top.home #wrap_all #full_slider_1 .avia-slideshow-inner, 
    #top.home #wrap_all #full_slider_1 .avia-slide-wrap {
      min-height: unset !important;
      height: unset !important;
    }
    Kevin
    Guest

    I am looking to upgrade the ENFOLD theme I have on a client website – it is 3.8.5 and I want to update to the latest one. I wanted to know if this will work without issues as the versions are so far apart? I am happy to buy support. I just wanted to enquire.

    You added some extra CSS for me in order to make the side menu function differently, will this functionality work without issue?

    #1486597
    diekavallerie
    Participant

    Hello Kriesi Team,

    I have a question regarding accessiblity:
    According to the European Accessibility Act (EAA), we and some of our customers will be legally obliged to make their websites accessible from June 2025. Is the new Enfold version accessible according to (WCAG) 2.1, Level AA?

    Thank you for your time

    Kind regards

    #1486588

    but you have read the instruction:

    this is the content of my code-block element inside a color-section
    custom class on that color-section is: html5-video

    the css code isn’t all needed if you do not want to have an overlay over the video ( other enfold elements )
    this is then sufficient:

    #top .html5-video .responsive-video {
      width: 100%;
      height: auto;
      display: block;
    }
    
    .responsive #top #wrap_all .html5-video .container {
      max-width: 100% !important;
      width: 100%;
      padding: 0;
    }
    
    #top .html5-video .content {
      padding: 0;
    }

    But i will make a color-section solution with background video and the needed css for you now

    #1486582

    Hey Michael,

    Thank you for the inquiry.

    Please check if the Enfold > Layout Builder > Disable Advanced Layout Builder Preview In Backend is toggled.

    View post on imgur.com

    Let us know if the issue persists.

    Best regards,
    Ismael

    #1486574
    Michael
    Participant

    When editing an element such as “Special Heading” in the backend, within the popup on the right there is usually an “Element Preview” that shows what the changes might look like, and at the bottom, you can change the background color from dark to neutral to light. I don’t have that right side panel. New WordPress install, new theme install, (although I did import the settings from an older Enfold project). This is my first site to use GoDaddy’s WordPress Pro Managed Hosting. I have the latest version of Enfold as of this writing: 7.1.1

    Hey leosaraceni,

    Thank you for the inquiry.

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and the cache plugin to ensure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

    Let us know the result.

    Best regards,
    Ismael

    #1486563

    Hey envisageiam,

    Thank you for the inquiry.

    You can use the avf_portfolio_cpt_args filter to make the portfolio post type hierarchical. You will also find the full post type registration in the enfold/includes/admin/register-portfolio.php file.

    function avf_portfolio_cpt_args_mod( $args ) {
        $args['hierarchical'] = true;
    
        return $args;
    }
    add_filter( 'avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod' );
    

    The default portfolio templates don’t support this out of the box, so you may need to customize them if needed.

    Best regards,
    Ismael

    leosaraceni
    Participant

    Hello,
    I’m working on a new design for an existing site currently running Enfold 7.1.1 but when I try to edit style options within certain elements, like uploading a custom background image for a row or a cell container, or editing the padding or font size for a button, none of the styles appear in the frontend.

    #1486549

    Hi,
    Glad we were able to help, and thanks for posting your solution. 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

    #1486548

    That actually worked like a charm, thank you so much! I modifyed it a bit so the h1 stays at the top and it moves only the rest of the description:
    I know why i still stay with enfold after all those years :D

    function custom_script() { ?>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
    
    	/* --- Grab required elements ---------------------------------------- */
    	const termDescription = document.querySelector('.archive .term-description');
    	const productsGrid    = document.querySelector('.archive .products');   // works for columns-3/4/5 …
    
    	if (!termDescription || !productsGrid) return;
    
    	/* --- 1) Create wrapper for the moved text -------------------------- */
    	const movedDesc = document.createElement('div');
    	movedDesc.className = 'moved-term-description';
    	movedDesc.style.cssText = 'clear:both;margin-top:4rem;';
    
    	/* --- 2) Move everything except the first <h1> into movedDesc ------- */
    	const h1 = termDescription.querySelector('h1');   // stays in place
    	[...termDescription.childNodes].forEach(node => {
    		// Keep the H1 where it is, move the rest
    		if (h1 && node === h1) return;
    		movedDesc.appendChild(node);
    	});
    
    	/* --- 3) Insert movedDesc AFTER the product grid -------------------- */
    	productsGrid.parentNode.insertBefore(movedDesc, productsGrid.nextSibling);
    
    });
    </script>
    <?php }
    add_action( 'wp_footer', 'custom_script', 99 );
    
    #1486546

    Hi,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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 bellow code and save.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    function custom_script() { ?>
      <script>
      document.addEventListener("DOMContentLoaded", function () {
      const termDescription = document.querySelector(".archive .term-description");
      const productsGrid = document.querySelector(".archive .products.columns-3");
    
      if (termDescription && productsGrid && productsGrid.parentNode) {
        productsGrid.parentNode.insertBefore(termDescription, productsGrid.nextSibling);
      }
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    Sorry, I don’t read your language in the screenshot, now that I can translate your live page it does make sense. :)

    Best regards,
    Mike

    #1486544

    In reply to: Update from 2.4.1

    Hi,
    Perhaps this will be easier, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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 below code and save.

    function custom_menu_by_page_name($args) {
        // Only modify the main header menu
        if ($args['theme_location'] != 'avia') {
            return $args;
        }
    
        // Get current page object
        if (is_page()) {
            global $post;
            $page_slug = $post->post_name;
    
            // Map of page slugs to custom menu names
            $menu_switches = array(
                'about-us'     => 'rick-sherman',
                'faq'     	   => 'rick-sherman',
                'contact'      => 'sherman-sound',
                'help'         => 'sherman-sound',
                // Add more as needed
            );
    
            // Check if the current page slug is in our list
            if (array_key_exists($page_slug, $menu_switches)) {
                $menu_name = $menu_switches[$page_slug];
                $menu_obj = wp_get_nav_menu_object($menu_name);
    
                if ($menu_obj) {
                    $args['menu'] = $menu_obj->term_id;
                }
            }
        }
    
        return $args;
    }
    add_filter('wp_nav_menu_args', 'custom_menu_by_page_name');
    

    in the code under $menu_switches = array( you see four page names with the menu name, such as:
    'about-us' => 'rick-sherman',
    change the page “slugs” or names to suit and the menu names, whatever pages or posts that you don’t add to the code will use your default menu.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    #1486540
    syberknight-tb
    Participant

    is there any way to add <br/>‘s and <strong>‘s in the email that is generated from the contact form submissions withOUT having to alter theme file(s)???

    would be nice to bold the field labels & colons and also add an extra line break between them in the emails.

    if it can’t be done without modifying any theme files (unless it can be a Child Theme file?), then nevermind. but please put it in a wishlist for future versions. to have something in the Enfold settings interface where we could customize how the emails look (no matter how many form fields or labels it has).
    thanks.

    #1486539

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1486538
    envisageiam
    Participant

    Hi : ) I need to enable parent-child hierarchy for portfolio entries. I tried using plugins like custom post type UI but they seem to be conflicting with the already existing Enfold portfolio entry hierarchy.

    How do I setup the portfolio items entries, so that the entries can have the parent-child hierarchy option, the same as it is for a page to have a parent-child hierarchy with another page?

    #1486532

    Hey Paul,

    Please refer to this: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    #1486529

    In reply to: Container width

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1486524

    All you need is to get rid of the min-height option – the fullwidth slider is a responsive slider !

    for the caption it might be neccessary to have for very small screens smaller font-sizes – or to set a part (f.e. the avia-caption-content to display:none )

    you got a rule :

    @media only screen and (max-width: 489px) {
      .avia-slideshow li img {
        width: 100%;
        background-size: cover;
        height: 200px;
        object-fit: cover;
        left: 30px !important;
        position: relative;
        overflow: visible;
      }
    }

    Remove the rules given to you by ismael first because …

    remove the left position – and height – otherwise you will have a gray bar on the left ;)

    then there are some min-height properties:

    inline-styles

    @media only screen and (max-width: 489px) {
      .home #full_slider_1, .home #full_slider_1 .avia-slideshow, 
      .home #full_slider_1 .avia-slideshow-inner, .home #full_slider_1 .avia-slide-wrap {
        min-height: 200px;
        height: 200px !important;
      }
    }


    and enfold css:

    @media only screen and (max-width: 479px) {
      .home #full_slider_1, 
      .home #full_slider_1 .avia-slideshow, 
      .home #full_slider_1 .avia-slideshow-inner, 
      .home #full_slider_1 .avia-slide-wrap {
        min-height: 300px;
      }
    }

    don’t know where they come from. But if you like to see the full width of the image – these settings are suboptimal.

    #1486519
    swissfilm
    Participant

    The API connection can be established, but the forms won’t load. Tried it with a new API key but without success.
    Running Enfold 7.1.1
    PHP-Version ist: 8.0.30

    #1486505

    In reply to: Favicon Not Appearing

    Hi Mike,

    Just sticking with your way for the time being, so I have converted the favicon to the .ico and then installed File Manager, uploaded to the root.

    Weirdly when I went to upload it the file was already there so I removed and uploaded again.

    If this doesn’t work I will try that other way, but just don’t understand why some seem to work without problem.

    For future reference, is it best to upload the Favicon through appearance > customise or in the Enfold settings?

    #1486504

    In reply to: Favicon Not Appearing

    if you follow that little link on enfold options:
    (these two cards icon)

    you will see on that wiki page a good overview; and in detail a browser support. Best Format seems to be png.
    a svg has a bad support.

    you can manually add them if you put this to your child-theme functions.php:

    function add_icons_to_head(){
    ?>
      <link rel="icon" type="image/png" href="/wp-content/uploads/icons/your-favicon-image.png">
      <link rel="apple-touch-icon" type="image/png" href="/wp-content/uploads/icons/your-apple-touch-icon.png">
    <?php
    }
    add_action('wp_head', 'add_icons_to_head');

    You are free to select the names and paths of your PNGs.

    #1486499

    Hi MIke
    No no. We use Enfold OR Elementor.
    Most of our websites are with Enfold.
    Newer websites we created with Elementor, because customer want to edit directly on the page.
    Best regards
    Mike

    #1486498
    torture4
    Participant

    I’ve just switched my website to the new design, built under the Enfold Theme. Very happy with the result!

    However, I notice that the Google Site Map for the site (when it comes up in a Google search) is out of date, and still referencing the old site. So some of the links in the old site map are going to 404, because the structure of the new Enfold site has changed.

    Is Google Site Map refresh or config built into the Enfold Theme? If not, do you recommend either (a) a plugin that can update the sitemap file, or (b) a manual way to do it?

    Thanks, Nick

    #1486495

    Hey tonyiatridis,

    Thanks for the inquiry.

    You can use this css code to display the post navigation on mobile view:

    @media only screen and (max-width: 789px) {
    
      /* Add your Mobile Styles here */
      .responsive #top .avia-post-nav {
        display: block;
      }
    }

    Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache.

    Let us know the result.

    Best regards,
    Ismael

Viewing 30 results - 2,161 through 2,190 (of 244,605 total)