I have a few questions about the built-in Enfold Maintenance Mode feature:
– What is the difference between the 2 options “Use selected page content without redirect” and “Redirect to selected page”.
– With both options, I see in my browser that the selected Maintenance Mode Page is displayed nicely. However, in GTmetrix I get a 503 error, also in similar tools as GTmetrix I get a 503 error (server not available) when I turn on the Enfold Maintenance Mode feature. Why is that?
Thanks for your help and best wishes,
Alwin
Hi Jason E,
Guenni007 is not a moderator but an Enfold user who is taking his time helping other Enfold users, so anything you post privately isn’t visible to him.
As for the Post Grid, since there’s no hook or filter for it, you’ll need to override the Post Slider.
First, you’ll need to use a child theme, if you don’t have one, you can download and find the instructions here: https://kriesi.at/documentation/enfold/child-theme/
Then follow the instructions in https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
The one you’ll need to override is the postslider folder, specifically postslider.php and you’ll need to add the category as a class in this code (line 900):
$output .= "<article class='slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class} post-format-{$post_format}' {$markup_article}>";
Once that is added you should be able to add CSS to add a badge on the upper left area.
If you need further assistance or instructions are not clear, please let us know.
Best regards,
Nikko
Hi amyreiley,
You can hide the Featured Image in your posts by adding this CSS code in Enfold > General Styling > Quick CSS:
.single-post .big-preview.single-big {
display: none;
}
then manually add the image under the first paragraph.
Hope this helps.
Best regards,
Nikko
Hi Jessica,
You can do the following steps:
1. Go to https://fonts.google.com/ and download the font that you would like to use
2. Follow the instructions in the documentation: https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts
The custom font appears at the bottom of the dropdown in Heading Font or Font for your body text.
Hope this helps.
Best regards,
Nikko
Hi Andreas,
You can do the following steps.
1. Go to https://fonts.google.com/ and download the font that you would like to use
2. Follow the instructions in the documentation: https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts
The custom font appears at the bottom of the dropdown in Heading Font or Font for your body text.
Hope this helps.
Best regards,
Nikko
Hi flylanddesigns,
I tried to check it and it seems I’m always getting the error probably I’m trying to move fast between pages (backend and frontend). I tried to replicate the issue mentioned on my Enfold install however I’m not getting the same issue. Can you try to setup a staging site? so we can try to disable plugins without affecting your live site.
Best regards,
Nikko
Hi Franz,
I’m glad that Rikard could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hi Allen,
Thanks for contacting us!
If you need to update your website, then API key isn’t used anymore however you’ll need to generate a personal token, please check our documentation on how you can generate one: https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token please make sure that you have the correct token permission.
If you need to register to the forum, you’ll need the purchase code:

Best regards,
Nikko
see here a solution with your video – after you have checked it – i will go and set in a different video and image.
here are the results on gtmetrix: https://gtmetrix.com/reports/enfold.webers-webdesign.de/k7GTMbfW/
the TTFB is higher than normal on my server – this is due to the video – but it is 1s ( long enough but not 4.5s) – with only enfold merging enabled.
___________
by the way and off topic:
see that page – and look if the responsive behavior isn’t this way better too. https://enfold.webers-webdesign.de/gallery/
what i did:
first i give a custom class or ID to that color-section – in my case it is an ID: hawkey-bg-video
the settings on that color-section are: no minimum height
the settings on the bg-video ( aspect ratio: 1920:700) – yes you can insert this values
now to have the correct responsive height of the color-section we had to synchronize it with that video aspect ratio
700/1920*100 = 36.45
that means : if the width is 100vw the height of that section had to be: 36.45vw
but your content must have enough space inside that section – so a min-height had to be set for small screens:
#hawkey-bg-video {
height: 36.45vw;
min-height: 330px;
}
#hawkey-bg-video .container {
max-width: 90%;
top: 50%;
transform: translateY(-50%);
z-index: 5
}
AllenGuest
Hi
This is Allen.
I alreay purchased a theme Enfold – Responsive Multi-Purpose Theme.
But don’t know where to get API key.
Could you pls help me to get?
Regards!
Allen
The best advice you can give is to see the page in question. If you don’t want to post the link to it, please try to find an Enfold demo site similar to yours.
Good afternoon, everyone!
I have tried many times in the past, but never really succeeded in being able to modify a post grid, so that I could add a conditional badge to the display grid.
Use Case: Business listings, where some are chamber of commerce members, and others are just businesses. I would love to be able to append a badge image to those that are chamber members on the grid display. GeoDirectory has a display mechanism, but I would rather do as much as I can in Enfold.
I know it is out of scope for a full solution, but could someone point me in the right direction to get started?
The Tab Section ( in Layout Elements ) is something that could be the first choice on this.
You can drag&drop alb elements to the tab cells and handle it like a color-section.
See an example page bild with this element: https://enfold.webers-webdesign.de/eduardo/
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 Team, on my page we are using the magazine element to show some posts. My graph designer checked the documentation and want to have the line that is on the sample (1) that divide the title section and then the border or the picture but I dont see how to added on the element.
(1) https://kriesi.at/themes/enfold-2017/elements/magazine/
(2) https://kriesi.at/documentation/enfold/magazine/
Thank you in advance.
G
Hi,
Thanks for the update. So how does that explain the same error being there when Enfold is not active? This is very likely a local server or site problem, as we have had no other reports from other user having the same problem, and we can’t see it happening on any of our test installations.
I haven’t worked with WPEngine for a long while, but I remember it being easy to create staging/development sites using their hosting. Would you be able to add something like that which we could access? It would be great if it was a clean WordPress installation, without any plugins or themes.
Best regards,
Rikard
Hey kMistDesign,
Did you turn on the option to delete old CSS and JS files under Enfold->Performance?
Best regards,
Rikard
This reply has been marked as private.
Due GDPR lawyers warning-wave rolling over europe its a problem continue using Enfold.
Why: All Fonts have to be replaced with local loading files. Its not even to deactivate by consent. Although the Uploader supports maximum 2 Fonts as custom upload and declare every font as static. Its not even changable over FTP access.
What we need: A Solution to easy replace fonts or even a automatic downloader for Google fonts to switch to local files. Else soon it will become difficult to build great looking sites GDPR compliant.
Regards,
Jessica
I am trying to clean my website up using a plugin called Media Cleaner Pro.
During the file system search it has found 6445 files are either .css files or .js files. They all start with the file name “dynamic_avia.” There are over 1GB of these files on the system. Is there a way to clean this up on my end or are all of them needed?
Example of file names:
dynamic_avia/avia-footer-scripts-41ab88f4e5dca24206d5fed7c14e2694—61106a8a33cc5.js
dynamic_avia/avia-merged-styles-eeed3be8e4a5a4613e17b9eb48ec86c1—6111324c7cad3.css
-
This topic was modified 3 years, 7 months ago by
kMistDesign.
Hi,
Great, I’m glad that Ismael could help you out. I’ll close this thread for now then,
please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey Tri,
You can add widgets to the header if you follow this: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Icons can be added by coping shortcode for example. Add the icons to an empty layout, then copy the shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode
Best regards,
Rikard
Hey DUALWERK,
Thanks for your question when the timeline is in horizontal scrolling mode it uses the \enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js on line 786 you will see a line that is commented out:

un-comment this line and comment out the line under it:

This will make to scroll all of the showing milestones, such as 3 at a time. I have linked to my test page below which has 9 milestones with 3 showing at a time.
After you edit the slideshow.js you will need to clear the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression by disabling it and then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and clear your browser cache.
I’m not sure if this will change other slider behaviors so you should check, if you want to add this modification to your child theme, ensure this function is in your child theme functions.php file:
function avia_include_shortcode_template( $paths )
{
if( ! is_array( $paths ) )
{
$paths = array();
}
$template_url = get_stylesheet_directory();
array_unshift( $paths, $template_url . '/shortcodes/' );
return $paths;
}
add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );
then add the directory /shortcodes/ to your child theme and then copy the directory /slideshow/ with your customized file to the /shortcodes/ directory.
Then clear the file merging and compression and your browser cache.
Best regards,
Mike
The masonry gallery has a dark gray background but the transparent background shows the contents of the gallery behind the enlarged image.
I want the color to stay and but without transparency.
Where in Enfold Theme Options can I access this?
Many thanks for your support
Regards
Peter
After the latest Enfold updates, I have had trouble and have to clean up server pages that I have used paddings on in Grid Row sections (I prefer this to the color section), because they now look too narrow on mobile.
This is for me a huge problem because I hav loots of pages to go over then.
Is there a quick fix to this, or can you set this back to the way it was before on the next update?
Maria
Thank you for the answer and the link to the registration! OK, I understand the way to get updates. Fine.
But wait, in the screenshot of your link I read “Enfold Child Theme Options” !?
Do I have to install Enfold with a Child Theme? Oh no, that´s not what I am looking for. I would like to use NO child theme, instead I want to use the theme options or the customizer. Is it possible to use Enfold without creating a child theme? I hope …
This is my last question, so thank you a lot for your answer.
Best regards,
Maria
Hey Kriesi Team,
currently, there are warnings from lawyers in German-speaking countries because this technical way of integrating Google Font is not (anymore) DSGVO-compliant according to various court rulings in this calendar year. So we need to remove everything Google Font related.
We already uploaded the font directly to the theme so it should use only those: https://prnt.sc/R5Ecku1btUHw // https://prnt.sc/sOU8FsIKEl54
But there are still Google Font scripts/codes on it. We used this tool to check it: https://sicher3.de/google-fonts-checker/ (https://prnt.sc/qSK_QXH8_xWs)
We already found some snippets that should remove it:
But none of them work and we really don’t know where to look else.
Any solutions you can suggest? We would prefer if we could filter it and not remove it, otherwise it will be there again when updated.
Thanks in advance & Kind regards
Bernhard
just put in the mainClass the enfold class: avia-popup
( mainClass: 'avia-popup mfp-fade', ) and to better select that popup maybe we put in an additonal class f.e.: people
function button_for_biography(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
(function($) {
$('#people').each(function(){
var that = this;
$('.flex_column', this).each(function(i){
if($(this).find('.mfp-hide').length){
$(this).find('.avia-button').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.avia_image').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.mfp-hide').attr('id','bio-'+(i+1)).addClass('white-popup');
}
});
});
$('#people .flex_column').find('.avia-button[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'avia-popup mfp-fade people',
gallery: {
enabled:true,
},
});
$('#people .flex_column').find('.avia_image[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'avia-popup mfp-fade people',
gallery: {
enabled:true,
},
});
})(jQuery);
});
</script>
<?php
}
add_action( 'wp_footer', 'button_for_biography');
now we can influence that close button “X” only for that popup (people) by:
div.avia-popup.people .mfp-close {
right: -5px;
top: -45px;
color: #fff;
}
Hey peterg57,
Thank you for the inquiry.
You can adjust the header colors in the Enfold > General Styling > Logo Area tab, adjust the value of the Border Colors. And more options for the header styles can be found in the Enfold > Header > Header Layout panel. If you want to remove the borders and box shadow, please set the Header Style to the second option.
You can also use this css code to remove the box shadow.
.av_minimal_header_shadow {
box-shadow: none;
}
Best regards,
Ismael