Viewing 30 results - 421 through 450 (of 142,580 total)
  • Author
    Search Results
  • #1490322

    Hi,

    Thank you for the inquiry.

    Are you trying to upload this in Enfold > Import/Export? The name of the top folder in the zip file should be “SVG”. Currently, it’s named “Medical_Icons_SVG”, so the theme can’t recognize it. Please rename the top folder, then archive or zip it again before uploading it to the icon manager.

    Please check this documentation for more info: https://kriesi.at/documentation/enfold/svg-icon-sets/

    Best regards,
    Ismael

    #1490319

    In reply to: Edit sub-sub menu

    Hi,

    Thank you for the update.

    Adjusting the line spacing of the text doesn’t seem to make a difference on our end, but we’re using a relatively small screen, which might be the reason. If you want to adjust the font size and also limit the height of the mega menu images, try this css code:

    #top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
        line-height: 10px;
        font-size: 10px;
    }
    
    #top #wrap_all .avia_mega_div img {
        height: 64px;
        object-fit: cover;
        width: 100%;
    }

    Result:

    Screenshot-2025-10-17-at-12-41-17-PM

    Best regards,
    Ismael

    #1490317

    Hi,

    Thank you for the inquiry.

    Try to add this css code to increase the size of the logo image.

    .html_header_top.html_logo_center .logo {
        left: 0;
        transform: none;
    }

    Result:

    Screenshot-2025-10-17-at-12-33-48-PM

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    Did you add this css code?

    .avia-menu.av-main-nav-wrap, .main_menu {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    

    This causes the main menu to cover the top half of the sidebar and everything below it. You need to remove this code or override it with this css rule.

    #top .avia-menu, #top .main_menu {
        display: block;
    }
    
    #top .avia-menu #avia-menu {
        float: right;
    }

    Screenshot showing the menu overlap issue:

    Screenshot-2025-10-17-at-12-29-09-PM

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    The password protection shouldn’t matter, you can still see the links aren’t working. But I removed the password.

    I did some tinkering, and I have discovered something.

    Compare one portfolio item vs. another. They have the same template but their Title Bar settings are different.
    The Title Bar is set to “hide both” and the links don’t work here:

    The Title Bar is set to “default”, and the links do work here:

    So there is something that is causing the links to stop working if “hiding both” is selected. I think it is the existence of drop-down menu items in the header where those regions overlap the sidebar. See this screenshot:

    https://drive.google.com/file/d/1gac80t1KhrN_RVFbez1uoBZXRLn9RSR_/view?usp=sharing

    You can see that the region for the drop-down menus overlaps the sidebar menu items at the top. I added two additional categories in the menu, and those work because they fall below the drop-down menu region.

    As a work around, I can show the title bar (though, for various reasons particular to this site’s content, I wanted to hide the title and use an h1 in the custom layout), but I think this should be addressed so that one can have a drop-down menu, and sidebar navigation that do not conflict (out-of-the-box). I could also add padding to the menu…but I shouldn’t have to force the sidebar menu down on the page to avoid overlap with the drop-down menu region–if the region were larger, it would still conflict with moderate padding.

    Can you fix this?

    Just in case there was an issue between the Boxed vs Stretched layout, I switched to the stretched layout (but it turns out the same issues existed in Boxed and Stretched).

    Also: Before I found this through inspecting the menu, I’d considered these options below. I’m including them in case it’s helpful:

    I also tried setting the page’s sidebar settings to use “Sidebar Pages” and moved the navigation widget to the default Sidebar Pages widget area. Same result, so it doesn’t appear to be an issue with the custom widget area.

    I added Enfold Child Latest Portfolio links to the Sidebar Pages widget area and those links work (even when “hide both” is selected). ((But this is because they appear lower on the page and don’t conflict with the Z-index of the drop-down menus, even when those drop-down menus aren’t active.))

    I have since removed these test options and put the navigation menu widget back in the custom widget area and changed the settings back to display these in my custom posts.

    • This reply was modified 3 months ago by milkrow. Reason: Note regarding changes made once tests were completed
    • This reply was modified 3 months ago by milkrow. Reason: added screenshot link
    #1490291

    do you have set your header to logo top menu below?

    #1490260
    pfk-kbh
    Participant

    I am using the knowledge base plugin from Echo plugins with my Enfold theme. On my article pages I have the issue that the Table of Contents in the right sidebar is not sticky, although it’s supposed to be.

    In the knowledge base documentation the following is mentioned about this: “This issue is caused by your active WordPress theme. The theme has applied an overflow property somewhere on the page, which stops the TOC from scrolling.”

    According to the same documentation the solution is to add the following css:
    /*
    The .container class needs to be change to the container class of your active themes classes. It could be even the HTML Tag or BODY Tag.
    */
    .container {
    overflow: initial !important;
    }

    Can someone tell me if this will work and if it does where to paste this code?

    #1490251

    What do you mean by ‘devices’ – there are no restrictions regarding different devices in the CSS rules above?
    By the way, you should not set this for mobile devices, as it looks terrible (it is not easy to read with these settings).
    f.e.:

    /*Ajout de marges personnalisées dans les sections spécifiques de la page de résultats de recherche*/
    @media only screen and (min-width: 768px) {
      .responsive #top.search #main .container {
        max-width: 100%;
      }
    
      .responsive #top.search #main .page-heading-container {
        max-width: 1310px !important;
        padding-right: 100px !important;
        padding-left: 100px !important;
      }
    
      .responsive #top.search #main .post-entry {
        margin-left: 100px !important;
        margin-right: 100px !important;
      }		
    }
    #1490249

    Thanks @guenni007 for the code, that’s what i wanted to get for my website but can you tell me how i can do to put different spaces on all devices ?

    The code modified with my values is :

    /*Ajout de marges personnalisées dans les sections spécifiques de la page de résultats de recherche*/
    .responsive #top.search #main .container {
      max-width: 100%;
    }
    
    .responsive #top.search #main .page-heading-container {
      max-width: 1310px !important;
      padding-right: 100px !important;
    	padding-left: 100px !important;
    }
    
    .responsive #top.search #main .post-entry {
      margin-left: 100px !important;
      margin-right: 100px !important;
    }
    #1490241

    something like this:

    .responsive #top.search #main .container {
      max-width: 100%;
    }
    
    .responsive #top.search #main .page-heading-container {
      max-width: 1310px !important;
      margin: 0 auto 50px;
      padding: 0 50px 50px;
    }
    
    .responsive #top.search #main .post-entry {
      margin-left: 50px;
      margin-right: 150px;
    }

    You can close this. This actually worked;

    .container_wrap { border-top: none !important; }
    .container_wrap { border-bottom: none !important; }
    #1490213
    vantagepointmg
    Participant

    Hello
    Is there a way to create a two-tier (or two-row) navigation bar with simple CSS?
    For example:
    Top row: Home | About | Contact
    Second row: Services | Products | Suppliers
    Thank you

    #1490194

    you should shift not the button but the p-tag that has that button.
    because pseudo class :has is already for most browsers usable we can do:

    .page-id-15 p.form_element:has(.av-recaptcha-submit) {
      margin-top: -20px;
    }

    or if you are able to give a custom-class to that p-tag use that instead for better browser support.

    #1490182

    i can see both images on mobile ( dev tools setting ). So autoplay works on my end here
    i did not check if real mobile device shows it.

    #1490179

    Hi,

    I can see this text in a Color Section with a green background both on the front- and backend: Best of Cleveland Award winner 17 years in a row!

    Did you manage to get it working? If you have questions which is not on the original topic, then please open new threads for each of them.

    Best regards,
    Rikard

    #1490165
    This reply has been marked as private.
    #1490162

    Hi,

    We can now see the fading slider. If you need this to be visible on tablet view, please add this css code:

    @media screen and (max-width: 1024px) {
        .responsive.av-no-preview #top #wrap_all #slider-gebaede-frueher-heute {
            display: block !important;
        }
    }

    Let us know the result.

    Best regards,
    Ismael

    #1490160

    Hi,

    This only seems to hide the empy item om the “News” page (https://regenboogalliantie.nl/nieuws/)
    The same issue is visible in the masonry element on the page https://regenboogalliantie.nl/nieuws/

    The links above look the same. Can you provide the correct link to the other page? For the home page, you can add this css code:

    #top .av-mfb8b6h9-903a18144fa2874ec5abc87835770ec5 .av-masonry-container .av-masonry-entry:first-child,
    #top .av-mfgqr9vd-8ed003c43d554c716ccad992e0119c66 .av-masonry-container .av-masonry-entry:first-child {
        display: none !important;
    }

    If you’re planning to add more Masonry elements in the future, go to Advanced > Developer Settings, add a Custom CSS Class name “av-masonry-no-empty-items”, then add this css code:

    #top .av-masonry-no-empty-items .av-masonry-container .av-masonry-entry:first-child {
        display: none !important;
    }

    For the read more link, try to replace the previous script with this:

    (function($){
        $(document).ready(function() {
            $('.av-masonry:not([class*="-gallery"]) .av-masonry-entry').each(function() {
                var more = $(this).find('.av-masonry-read-more');
                var cont = $(this).find('.av-masonry-entry-content');
    
                if (more.length == 1) return;
                cont.append('<div class="av-masonry-read-more">Lees meer ></div>');
            });
    
            $(window).trigger('resize av-height-change');
        });
    })(jQuery);
    

    Best regards,
    Ismael

    #1490156

    Hey zimbo,

    Thank you for the inquiry.

    This css should adjust the alignment of the social svg icons.

    #top .social_bookmarks li.avia-svg-icon svg:first-child, #top .social_bookmarks li.avia-svg-icon img[is-svg-img=true] {
        height: 1em;
        width: auto;
        margin-top: 6px;
    }
    

    Then, add this css rule to change the color to blue.

    .header_color .team-social a.avia-svg-icon svg:first-child, .header_color .meta-heading .avia-svg-icon svg:first-child, .header_color .social_bookmarks .avia-svg-icon a svg:first-child {
        stroke: #2f3191;
        fill: #2f3191;
    }

    Screenshot-2025-10-14-at-11-42-36-AM

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    The color section has no border, even when we toggle or disable your custom css modifications. The borders are already removed by this css rule.

    #top #wrap_all #main .avia-no-border-styling {
        border: none;
    }

    Best regards,
    Ismael

    #1490154
    birdfr0g
    Participant

    I have tried to add the themeforest-eTIYN1qt-enfold-responsive-multipurpose-theme-zip through WordPress, but I get an error message that says that there is no style.css file. I have unzipped the file to be sure that there is indeed a style.css file. Your instructions say I am supposed to upload the themeforest zip file, is this incorrect? Am I supposed to upload the enfold.zip file. I realize that I am new to this. I went through all of the support files (I used search to limit the files), and couldn’t find anything on this topic

    My client has not given me access to FTP, so I cannot upload the files that way.

    Please advise. Thank you in advance.

    Ismael,

    Thank you for your thought. I had checked that, but these are set to no as default. I found multiple support tickets looking for the same issue, and they all had various ideas, of which I tried them all. Because of a caching plugin, I was not getting an accurate return to diagnose, so I need to take some time to figure out which one I need. I surely don’t need all:

    /* removes grey line under color sections */

    .container_wrap { border-top: none !important; }
    .container_wrap { border-bottom: none !important; }

    .avia-section {
    border-top: 0px;
    }

    #after_section_1 {
    border-top-width: 0 !important;
    }

    /*
    .avia-section {
    border-bottom:10px solid white;
    }
    */

    ————-

    It would sure be nice if the layout/ border setting would actually work as designed with the border set to off as default, because I can’t imagine why someone would need that function. Just a thought.

    Thanks

    #1490142
    zimbo
    Participant

    I’m trying to migrate to SVG social icons as per the recommendation in Theme Options. I have changed X and Instagram on the ‘dev’ test site (see below) and you can see the problem with SVG versions – too ‘low’ and wrong color.

    The fix for the lowered icons is, I think:

    #top .social_bookmarks li.avia-svg-icon svg:first-child {
        margin-top: 6px;}

    from the default of 9px – please confirm this is the right CSS to target to get the SVG icons higher.

    I cannot however find the code that is making the SVG icons display grey (#808080, the secondary font color) instead of blue.

    I have this CSS in my child theme style.css to change the old/existing icons to the site’s main blue colour:

    .header_color .social_bookmarks a {
    	color: #2e3192 !important;}

    This code is still being loaded but is being ignored by the SVG icons. How can I get the SVG icons displaying blue?

    [There is additional CSS to format the social icons, as below, but I don’t think this is relevant, it’s just FYI:
    .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
    right: 83px; margin-top: -30px;}

    #top .social_bookmarks li {
    width: 36px;}

    #top .social_bookmarks li a {
    font-size: 20px;}
    ]

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1490122

    Hey Rikard,
    I’d like to see the featured image also on the blog post itself. On the desktop version it works, on the mobile version not.

    dvm

    Kind regards

    Uli

    Protohill
    Participant

    Hi

    After a recent theme update, my website stopped loading due to a critical error. I restored the theme from a previous backup, and the site is now partially working, but I’m facing the following issue:

    Main pages (e.g. /contact, /team, etc.) display the message:

    “No results found. We’re sorry, but no results could be found for your request.”

    Subpages inside these main pages open correctly.

    I’ve already tried the following troubleshooting steps:

    Regenerated permalinks.
    Checked and rebuilt the .htaccess file.
    Verified that the correct pages are assigned under Settings → Reading and Enfold → Theme Options.
    Cleared all caches and tested with minimal active plugins.
    Created new test pages (they also show the same “No results” message).

    It seems that Enfold is interpreting static pages as empty search or blog results, even though they’re correctly configured.

    Could you help me?

    Thank you very much for your help and support.
    I can provide temporary access or additional information if needed.

    Best regards,

    • This topic was modified 3 months, 1 week ago by Protohill.
    #1490115

    Hey Alexandre,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-15 .av-recaptcha-submit {
      margin-top: -20px;
    }

    Best regards,
    Rikard

    #1490108
    This reply has been marked as private.
    #1490092

    Hi,

    Thank you for the info.

    We disabled the script and added this code in the Quick CSS field to hide the empty masonry item without an image.

    #top .av-memr40p2-4e918060ab6ff669ef638e6ba94ae4db .av-masonry-container .av-masonry-entry:first-child {
        display: none !important;
    }

    Best regards,
    Ismael

    #1490091

    Hey milkrow,

    Thank you for the inquiry.

    There is no built-in option for this by default. You’ll need to edit each portfolio entry manually, switch to the Advanced Layout Builder and add the custom element template. There is a workaround, but it requires manually adding a code to your functions.php file and adjust it according to your requirements.

    https://kriesi.at/support/topic/importing-lots-of-data-to-scf-custom-posts-all-having-same-template/#post-1473195

    Best regards,
    Ismael

Viewing 30 results - 421 through 450 (of 142,580 total)