-
Search Results
-
The question is: On which page can I hover over the demo with the mouse to display the “Download and install” button?
Under the link: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo , I only find an overview of all demos. When I click on one, I see a preview, but no download option.I have already installed the Enfold template in my WordPress environment. To see the options, I have to activate the theme, which will cause me to lose my current layout and all of its content.
However, the main problem is that I don’t have the necessary installation files to import a demo (“Construction”).
(By the way, I’m thrilled with how quickly you respond here. Great support!)
Yes, I did.
It is described as “The demo sites can be imported from Enfold > Import Demo.” and “You can simply hover on the demo you would like to import and click “Click to download and import” button and demo will be imported within a few minutes.But I can’t see the “download and import” button anywhere.
Kind regards.
MarioIn reply to: Social media icon sizes and page placement
you like to place a social share button o those pages?
– i can not confirm that the element from enfold : “Social Buttons”
only works on articles – on my test installation it works for pages too.or do you like to link to your social media pages only ?
Hi,
Thank you for the update.
originally had the four buttons in one line – now they break onto a second line.
Have you tried increasing the value in Enfold > General Layout > Dimensions > Maximum Container Width? It’s currently set to 1010px. Increasing it to the default value of 1310px should help.
Best regards,
IsmaelMike, still no bueno. The ‘shift’ from correct to incorrect sizing is now fixed. However, the individual columns still do not seem as they used to be. For instance, this unlisted page (https://historictoxaway.org/broadleaf/faq/) originally had the four buttons in one line – now they break onto a second line.
The issue has been happening prior to this but in case relevant, just letting you know we have recently shifted our servers from Bluehost shared hosting to a local agency server/hosting. Also I had Jetpack active but canceled it as a part of this shift.
At any rate, I have done this:
To disable the Enfold theme cache in WordPress, navigate to the Enfold Theme Options within your WordPress dashboard.
Go to Enfold Theme Options > Performance.
Locate the sections for CSS file merging and compression and JavaScript file merging and compression.
Disable: the “Merging and Compression” options for both CSS and JS files.
This action effectively disables Enfold’s built-in caching and optimization features for these files. If you have any other caching plugins installed, you may also need to clear their caches or temporarily deactivate them for testing purposes. Additionally, performing a hard refresh in your browser (e.g., Ctrl + Shift + F5 on Windows or Cmd + Shift + R on macOS) can help ensure you are viewing the latest, uncached version of your site.And I have cleared the cache in a new plugin, WP Rocket. What can I do to correct this?
In reply to: Easy slider description box
Hi,
Thank you for your patience, to change the lower button to roboto, try this css:.av-d2qwg-e9ae8fb5484d65afa63467cb5d9917ef h4 { font-family: 'roboto' !important; }I was not able to login to adjust the heading box. It looks like the link above to the special character documentation was broken, this one is correct.
Here is the list of characters and their replacement:< = ###lt### > = ###gt### [ = ###91### ] = ###93###Best regards,
MikeIn reply to: WCAG 2.1, Keyboard Access
Dear Enfold Experts, I am not too sure what Envatojlc’s comments have to do with my original question but this has not been addressed so far anyhow, so might have slipped through.
The situation is the following:
a) WP Accessibility Plugin activated
b) small green border configured in WP Accessibility to mark where the Keyboard Tab key jumps to for all Buttons / links that can be addressed via Keyboard
c) Entering the Home Page
d) Press Tab Key once => jumps to change contrast button from Accessibility Plugin, green border, all fine. 2nd time Tab key pressed => jumps to change font size from Accessibility Plugin, green border, all fine. 3rd Time Tab pressed => jumps to top of page, no button visible, no green border, looks like a jump into nowhere, totally unclear where the cursor is.When checking this with the Firefox Inbuild Dev Tool for accessibility it states for the Header Banner: clickable elements need to be interactive and focused. So there is something in the Header generation that fails. Can you please check? And of course I would like a future feature (similar to the link color configuration in the theme) to configure the Keyboard accessible elements Coloring or Settings in the Enfold theme instead of outsourcing that to WP Accessibility.
thanks Anja
The DB character set is as you posted.
The greeking or tofuing is mostly with Enfold elements, so switching it does not really allow me to test like for like, as AVIA/ALB is not loading.
https://oc.homebutton.us/wp-content/uploads/2025/08/Screenshot-2025-08-18-at-10.27.21-AM.png
https://oc.homebutton.us/wp-content/uploads/2025/08/Screenshot-2025-08-18-at-10.27.41-AM.png
https://oc.homebutton.us/wp-content/uploads/2025/08/Screenshot-2025-08-18-at-10.28.20-AM.pngHello,
We’re redesigning a website with Enfold, and our client asked us to do this (attached page).
The idea is that when you click on the basement or floors button, the image changes, as does the bottom content. How can we do this?Thanks in advance.
BR,
Antonio
In reply to: Problems with Gravity Forms and Enfold
Hey jenscasper,
I’m not sure how to want the button changed:
but the font, color, and background color are from the plugin:color: var(--gf-local-color); font-family: var(--gf-local-font-family); background-color: var(--gf-local-bg-color);at: /wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-theme-framework.min.css
note the “gf” in the css var, this is from Gravity Forms and not Enfold.
Perhaps Gravity Forms is only using the theme standerd colors and not appling their own colors, so to match whatever theme is active?
If you explain how you want it changed we can help override this with css.Best regards,
MikeDear Sir or Madam,
Could you please help me solve the following problem? When using the Gravity Forms plugin and the Enfold theme, the font and color of the buttons are not displayed correctly. You can find the corresponding form at the link below.
Best regards,
Jens CasperIn reply to: Adding Button To Header
Hey Caitlin,
Thank you for the inquiry.
Before proceeding, we kindly ask you to register on the forum using the purchase code associated with your theme license. Please use the following link: https://kriesi.at/support/register/
Once registered, you can open a new thread using the form here: https://kriesi.at/support/forum/enfold/#new-post
To add a button to the header widget area, you can use the Text widget, then add this shortcode:
[av_button label=' (Email address hidden if logged out) ' icon_select='yes' icon='mail' font='svg_entypo-fontello' title_attr='' button_type='' link='manually,mailto: (Email address hidden if logged out) ' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='small' position='center' label_display='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-me0reo0x' sc_version='1.0' admin_preview_bg='']You can also use this html:
<div class="avia-button-wrap av-me0reo0x-af6ff2d8373030c9c60f62b386b56008-wrap avia-button-center avia-builder-el-0 el_before_av_slideshow_accordion avia-builder-el-no-sibling "><a href="mailto: (Email address hidden if logged out) " class="avia-button av-me0reo0x-af6ff2d8373030c9c60f62b386b56008 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color" aria-label=" (Email address hidden if logged out) "><span class="avia_button_icon avia_button_icon_left avia-svg-icon avia-font-svg_entypo-fontello" data-av_svg_icon="mail" data-av_iconset="svg_entypo-fontello"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="32" viewBox="0 0 29 32" preserveAspectRatio="xMidYMid meet" aria-labelledby="av-svg-title-4" aria-describedby="av-svg-desc-4" role="graphics-symbol"> <title id="av-svg-title-4">Mail</title> <desc id="av-svg-desc-4">Mail</desc> <path d="M0.96 8.448q-1.024-0.576-0.896-1.28 0.064-0.448 0.832-0.448h27.072q1.216 0 0.64 1.024-0.256 0.448-0.768 0.704-0.448 0.192-6.144 3.264t-5.824 3.136q-0.512 0.32-1.472 0.32-0.896 0-1.472-0.32-0.128-0.064-5.824-3.136t-6.144-3.264zM28.16 11.648q0.64-0.32 0.64 0.32v11.776q0 0.512-0.544 1.024t-1.056 0.512h-25.6q-0.512 0-1.056-0.512t-0.544-1.024v-11.776q0-0.64 0.64-0.32l12.288 6.4q0.576 0.32 1.472 0.32t1.472-0.32z"></path> </svg></span><span class="avia_iconbox_title"> (Email address hidden if logged out) </span></a></div>Best regards,
IsmaelHi everyone,
I need your help and I’m a bit lost. I’m trying to track form submissions from the Enfold contact form using Google Tag Manager.
I’ve already added the following code to the functions.php file, as recommended in this thread: https://kriesi.at/support/topic/contact-form-tracking-with-gtm/
add_filter(‘avf_contact_form_submit_button_attr’,’avia_add_submit_attributes_to_cf’, 10, 3);
function avia_add_submit_attributes_to_cf($att, $formID, $form_params){
$att = “onsubmit =\” dataLayer.push({‘event’: ‘form-submission’}); \””;
return $att;
}
Everything in GTM seems to be set up correctly, but for some reason, the event isn’t firing. Does anyone have an idea what I might be missing?Best regards,
ChrisIn reply to: Hide video control on hover
Hey fanlokbun,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.page-id-13 .mejs-overlay-button { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
the button that opens / closes a section with fold / enfold does not follow mobile settings.
You can see it here:Watch it on small or very small screens and the button is still there although the whole section is set to “Hide on small & very small screens”
Hi Mike,
sorry for the delay – the past few weeks I’ve been fully occupied making five Enfold-based websites WCAG-compliant.
Thanks again for your suggestion regarding the Scroll-to-Top button.
After reviewing the situation, my clients decided not to implement additional plugins or custom code to fix this specific theme-generated issue. Given the already significant effort and cost invested in accessibility improvements, this workaround is currently not seen as proportionate.
The issue has been transparently documented in the accessibility statements, and we hope it will be addressed in a future Enfold update.
Also, thanks for your tip regarding the alternative to the Header Footer Code Manager. I’ll definitely keep the WPCode plugin in mind for future projects …Thanks again for your support !
Best regards
DianaHello,
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.Topic: Lightbox with Contact Form
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?
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
In reply to: Focusable elements
take a look at the rules for the hover state and apply them to the focus-visible state.
f.e.: on that page here – the first button on top: https://kriesi.at/themes/enfold-overview/
Add inside dev tools the css to see what i mean..avia-button.avia-color-light:focus-visible { opacity: 0.7; transition: all 0.4s ease-in-out; } .av-icon-on-hover:focus-visible .avia_button_icon { width: 1.5em; opacity: 1; }the focus-visible state ( or focus-within too ) do not influence a clicked or hover state.
This means that normal navigation is not affected, contrary to the focus state.In reply to: Make Adavance Layer Slider button larger on mobile
Hi,
Thank you for the update.
1.) Try adjusting the top margin of the button layer.
2.) Apply a minimum height to one of the main layers, or go to Project Settings > Layout > Layout Settings > Canvas Height and adjust the value.
3.) Apply a Custom CSS Class name to the element and replace the generic selector with it. You can follow this guide: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
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,
IsmaelIn reply to: Button row element is displaying as a column
Hey Jackie,
I only see three buttons:
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-buttonrow-wrap { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }for this result:
Best regards,
Miketrying to update the home page of https://www.fbclancaster.com/ and when I change the text in the first color section and press save everything below the full width button disappears. See attached video.
what is wrong? WordPress is up to date, Enfold is up to date.In reply to: how to ask !!!!!!!!!!
Hey slawek,
You can use this link to open a new thread, or click this button on the forum: https://imgur.com/a/AnoSPNb
Best regards,
RikardTopic: Focusable elements
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
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,
DianaDear Enfold Team,
During accessibility testing of our website (https://restaurant-weichandhof.de) built with the Enfold theme, the AXE tool reported an issue concerning the built-in Scroll-to-Top button.
Specifically, the tool flags an error indicating that an element with aria-hidden=”true” is focusable. This error appears when the page is scrolled before starting the test (so the Scroll-to-Top button is visible). If the page is not scrolled prior to testing, the button is not visible and the error does not appear. This suggests the issue exists on every page but is only flagged depending on test conditions. This error really appears in EVERY SITE. Is there a way to fix it by not changing the ENDOLD-php-Code (> not consistent solutions for updates) ?
So I kindly ask you to review this ARIA issue and advise on how to ensure the Scroll-to-Top button meets WCAG 2.1 AA requirements.
Thank you in advance for your support.
Best regards, DianaTopic: Error Saving Settings…
Hi, thanks for your help many years ago (see my email support from (Email address hidden if logged out) )!
We’ve updated this old client to v4.0 of Enfold, which has helped with PHP errors. But we’re still getting this error on every Save or Save Settings button:[Back Popup] : Saving didnt work!
Please reload the page and try againIt would also be good if we could register a support account, and possibly have this purchase tranferred to (Email address hidden if logged out) since the person who bought this plugin is no longer associated with this site.
And one more: is this v4.0 Enfold compatible with the latest WP 6.8.1 and PHP7.4? We’d like to move this to a more modern hosting platform. Thanks!
In reply to: Burger Menu
to get a “footer-page” with dynamically feed menues – you can use the menu shortcode :
function custom_named_menu_shortcode( $atts ) { extract( shortcode_atts( array( 'name' => '', // Default to an empty menu name 'class' => 'custom-menu', // Default CSS class 'depth' => 0, // Default depth (0 for unlimited) 'title' => '', // New: Default to an empty title 'title_tag' => 'h2', // New: Default title HTML tag 'title_class' => 'menu-title', // New: Default title CSS class ), $atts ) ); $output = ''; // Initialize output variable // If a title is provided, add it to the output if ( ! empty( $title ) ) { $output .= '<' . esc_attr( $title_tag ) . ' class="' . esc_attr( $title_class ) . '">' . esc_html( $title ) . '</' . esc_attr( $title_tag ) . '>'; } if ( ! empty( $name ) ) { $output .= wp_nav_menu( array( 'menu' => $name, 'menu_class' => $class, 'container' => 'nav', // You can change this to 'div', false, etc. 'container_class' => $class . '-container', 'echo' => false, // Important: returns the menu HTML instead of printing it 'depth' => $depth, ) ); } return $output; // Return the accumulated output } add_shortcode( 'named_menu', 'custom_named_menu_shortcode' );it is used like this:
[named_menu name="your-menu-name" class="my-custom-menu" depth="2" title="Our Main Menu"]then you can setup your layout with codeblock elements – each of them represents a menu ( or different shortcode – f.e. social-media )
but for that i wouldn’t use the enfold burger icon – instead i would place a custom Button – perhaps a fixed button to toggle a class to hide/show this page.
