Hi,
Try adding this css:
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
color: #006fff;
}

If you want to limit the css to the h3 link on this page then use this css instead:
#top h3 a {
color: #006fff;
}
Best regards,
Mike
Hey MarcusEls,
It depends on which element you are using, there are a few different solutions, a link to your page and a admin login would help. Or review this thread: https://kriesi.at/support/topic/how-to-adjust-the-excerpt-length-in-enfold/#post-1415474
Best regards,
Mike
Hi,
Try this css:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a .av-submenu-indicator {
color: #fff;
opacity: 1;
}

Best regards,
Mike
Before you change anything, create a backup copy of your site’s status quo (a good plugin, even in the free version, is: duplicator)
I would recommend this approach to everyone, especially for major updates (5.x to 6.x; …). This way, you always have a rollback option in the background.
The advantage of this method is that it can be reversed.
Uploading the new theme takes a little time; if everything goes well, the website will only be offline for a short time (only for the moment of renaming).
Update via ftp
- Download the “installable WordPress file only” file from themeforest and unzip it
- After that – you got a folder : enfold
- Rename this downloaded newest version to enfold-new
- via ftp: Upload that enfold-new folder to the themes folder
- ftp: You now have the “enfold” folder (the older version) and the “enfold-new” folder side by side.
- via ftp: Rename the existing enfold folder to f.e. enfold-old
- via ftp: Rename your uploaded enfold-new folder now to enfold
- On Enfold – Performance – check mark and “Delete Old CSS And JS Files?”
- Check if your Website works to your full satisfaction.
- Yes – then stop here – Update is finished
- After a while of testing – you can delete that enfold-old folder via ftp
- No – delete or rename back the enfold folder back to enfold-new
- rename the enfold-old folder back to enfold
- check on enfold board if there are known bugs – or similar problems
PS: I’m not sure if the new Enfold also has requirements for the PHP version number.
Log in to your hoster and check which PHP version is set there.
Most hosts will show you which PHP version they currently prefer (8.2, 8.3—some even recommend the 8.4 PHP version).
With these larger and bolder icons, you will now see a shift when opening the submenus (“Services”), which you can prevent by widening the whole thing (e.g., 375px instead of 350px). You could also reduce the indentation of the menu items (paddings).
/* you can set the width to 375px f.e. on the enfold options */
.html_av-overlay-side .av-burger-overlay-scroll {
width: 375px;
}
/* However, this width setting is not mandatory if you only reduce these indents and leave the width at 350px. */
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
padding: 15px 30px;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
padding-left: 60px;
}
does that filter work for masonry galleries too?
what value expresses very early animation?
???
function custom_alb_element_animation( $class_animation, array $atts, aviaShortcodeTemplate $sc, $shortcodename ){
if( $shortcodename == 'av_masonry_gallery' ){
return 'av-custom-animated-top-95';
}
return $class_animation;
}
add_filter( 'avf_alb_element_animation', 'custom_alb_element_animation', 10, 4 );
I’ve tried everything, but I can’t seem to reduce the word count of my blog summary on my frontpage. What am I missing? I followed these instructions in a previous forum discussion see link.
https://kriesi.at/support/topic/how-to-adjust-the-excerpt-length-in-enfold/?login_error
add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
$length = 100;
return $length;
}
-
This topic was modified 1 month, 2 weeks ago by
MarcusEls.
-
This topic was modified 1 month, 2 weeks ago by
MarcusEls.
get familar with dev tools of your browser. point to the menu-item and choose on context menu : inspect or similar .
or you can just count the li’s without knowing the ID’s:
#av-burger-menu-ul > li .av-submenu-indicator {font-size: 30px; opacity: 1}
#av-burger-menu-ul > li .av-submenu-indicator:before {content: "\E875";font-family: 'entypo-fontello';}
#av-burger-menu-ul > li:nth-child(1) .av-submenu-indicator {color: #FFF}
#av-burger-menu-ul > li:nth-child(2) .av-submenu-indicator {color: yellow}
#av-burger-menu-ul > li:nth-child(3) .av-submenu-indicator {color: lightgreen}
#av-burger-menu-ul > li:nth-child(4) .av-submenu-indicator {color: lightskyblue}
maybe it is better to set this burger menu to be placed at a top position – try and look what is better:
#top #av-burger-menu-ul {
vertical-align: top;
padding: 200px 0 !important;
}
Hey Ismael,
thank you, I got it in an older post:
Regards
Mike
Hey jnightingale,
Thank you for the inquiry.
Try to add this css code to adjust the font size of the title on mobile view:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top #wrap_all .avia-slideshow .av-slideshow-caption.av-iakm6m-705446e7ab1d9a74581bf52b6294a15c__0 .avia-caption-title {
font-size: 42px;
}
}

Best regards,
Ismael
Hello,
Using Yith booking, suddenly after last enfold update calendar arrows disappeared.
https://myjapanguide.com/booking/sumo-morning-training
ui-icons_444444_256x240.png is an icon image used in jQuery UI themes. So I placed it the plugin directory and use CSS
#top ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all .ui-icon,
.ui-widget-content .ui-icon {
background-image: url(“/wp-content/plugins/yith-woocommerce-booking-premium/assets/css/images/ui-icons_444444_256x240.png”);
}
But it doesn’t work. But when logged as admin, the arrows show.
Is there a way to pull this png from Enfold or where is it in enfold? I couldn’t find it in Jquery
Thank you
Thank you Rikard, good news!
But maybe I am stupid, but not in CHROME, nor in FIREFOX (new browser):
How can I start a new topic?
For me it is not intuitive …
Can you please help me?
Thx
Hi,
I’ve logged in with your user twice, and there’s is no problem with starting new topic. Please trying logging out and in again, or try a different browser.
Best regards,
Rikard
Hi, we have forms all over this website that aren’t fully showing up on mobile and some desktop screens. It’s like the container for them is too small. How do I make the container big enough to handle them all?
Thank you!
Justine
No change, unfortunately – I still cannot create a new ticket, or you changed something in the process? As I remembr from last year, should be in the menue on top, when I cannot see a submission link:
Screenshot:
ProfileTopics StartedReplies CreatedEngagementsFavoritesSubscriptionsEdit
@philippkellerhals
Profile
Registered: 4 years, 11 months ago
Website: https://kellerhalsconsulting.com/
Forums
Last Activity: 4 hours, 19 minutes ago
Topics Started: 3
Replies Created: 14
Forum Role: Participant
Hey condonp,
Thank you for the inquiry.
You can try using the Content Slider element to display the routes as a slider. If you need to keep them as grid on desktop, try to use the Advanced > Responsive > Element Visibility settings to toggle the visibility of the elements. So, you’ll have a grid on desktop and a slider on mobile view.
Best regards,
Ismael
Hi,
Thank you for the update.
You can start with this css code to make the header sticky on mobile view.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive #top #wrap_all #header {
position: fixed;
}
.responsive #top .av-logo-container .inner-container {
padding: 0 20px;
}
.responsive #top #wrap_all .main_menu {
top: 0;
height: 80px;
right: 25px;
}
}

Best regards,
Ismael
Hi,
Thank you for the login info.
We commented out the password modification in the Quick CSS field and adjusted it a bit.
.woocommerce .password-input {
position: relative;
}
.woocommerce .show-password-input {
width: 24px;
height: 24px;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
position: absolute;
top: 30px;
right: 9px;
background-image: url("https://www.morsoworld.com/wp-content/uploads/2026/01/eye-slash-solid-full.svg");
}
.woocommerce .show-password-input.display-password {
background-image: url("https://www.morsoworld.com/wp-content/uploads/2026/01/eye-solid-full.svg");
}
Result:

Best regards,
Ismael
Hi: on this page: https://nacwe.org/ – toward bottom where it says “Come Visit in Person” – I have 3 columns and 5 rows. The first 4 rows and the columns within them look perfect, with different colored backgrounds, so they all look like buttons. So I’ve added a new row, also with 3 columns and styled exactly the same, with 3% Space Between Columns, and coloring the first column background (same blue as the Houston, TX Column – I’ve also changed the Row Margins to be 10Px above and below just like the others.
Two things aren’t working:
Column Background Color – Silicon Valley, CA – Does not appear
Spacing seems off too, like the change to 10px above and below is not appearing – when I inspect the column it has a 50px Top Margin.
Can’t seem to figure out why, with all the same styling, this column will not appear like the others.
Your help would be so greatly appreciated!
PS: Just noticed that the text below this in the 1/1 Column is now not appearing either (It did before) – it’s programmed to be white text, below the column in question and above the button that says “Start A Chapter in Your Area”
-
This topic was modified 1 month, 2 weeks ago by
Eleina_Shinn.
Hey ebenanders,
Maybe this will help you out? https://kriesi.at/support/topic/unable-to-import-font/
Best regards,
Rikard
Hi,
After updating theme to latest version facing difficulties like many elements does not open for editing at the back end of the website. (Heading, Separator / Whitespace, Icon List, button).
It just shows empty white block or sometime it takes lot of time to load the block element for editing.
Thought some plugins might be causing this conflict and tried to disable all the plugins which was installed already, by doing so I got critical error and fixed it with the help of Host provider.
Now the website is up, enabled few plugins and content elements showing up sometime and not showing option for editing sometime, but still error pops up on the top of the page if we are in ‘Edit Advance Layout Builder’.
These were the few error which I copied for your reference.
Notice: Function WP_Abilities_Registry::get_registered was called incorrectly. Ability “gd-mcp/get-site-info” not found. Please see Debugging in WordPress for more information. (This message was added in version 6.9.0.) in /var/www/wp-includes/functions.php on line 6131
Notice: Function WP_Abilities_Registry::get_registered was called incorrectly. Ability “gd-mcp/get-post” not found. Please see Debugging in WordPress for more information. (This message was added in version 6.9.0.) in /var/www/wp-includes/functions.php on line 6131
Warning: Cannot modify header information – headers already sent by (output started at /var/www/wp-includes/functions.php:6131) in /var/www/wp-admin/admin-header.php on line 14
Warning: Cannot modify header information – headers already sent by (output started at /var/www/wp-includes/functions.php:6131) in /var/www/wp-includes/option.php on line 1740
Warning: Cannot modify header information – headers already sent by (output started at /var/www/wp-includes/functions.php:6131) in /var/www/wp-includes/option.php on line 1741
Theme Version: 7.1.3
Using Enfold Child theme
PHP Version 7.4
Hi,
I am not sure what page you are looking at, but I can see all the images in the backend. For example, on this page: https://townleypoolandspa.com/service/.
The top left image is missing on both desktop and mobile, but i can see it in the backend. Likewise, there is an image background behind the area toward the bottom of the page that says “Ready to Schedule Service?” and it’s not showing up. In addition, those words are usually much larger, and now they are small.
Please help – i have tried everything!
Thank you,
justine
Hi,
Thank you for the update.
Yes, you’re correct. The code from the previous thread should activate the ALB for a specific post type, but you need to import all entries first. After that, add the code to the functions.php file, make sure to replace the post type slug with your own and then refresh the WordPress dashboard or visit the front end. This will execute the hook and create the required post meta info or custom fields for the custom posts. You can remove the code afterward.
— https://kriesi.at/support/topic/importing-lots-of-data-to-scf-custom-posts-all-having-same-template/#post-1473810
Best regards,
Ismael
Hi,
Thank you for the update.
Try to add this css code to push the content further below the header.
.html_header_top.html_header_sticky #top #wrap_all #main .template-page.content {
padding-top: 150px;
}
Let us know the result.
Best regards,
Ismael
Hi,
Thank you for the inquiry.
Instead of using paragraph tags in a text block, you can use this html to create an actual table element with your required format.
<table class="av-custom-table">
<tr>
<td class="av-custom-year">2005 – 2010</td>
<td>Influencer in Austria with a lot of followers</td>
</tr>
<tr>
<td class="av-custom-year">2011 – 2018</td>
<td>Physiotherapist specializing in sports rehabilitation</td>
</tr>
</table>
Then add this code in the Quick CSS field to adjust the style of table.
.av-custom-table {
width: 100%;
border-collapse: collapse;
}
.av-custom-table td {
padding: 0.3em 0;
vertical-align: top;
}
.av-custom-year {
white-space: nowrap;
padding-right: 1em;
font-weight: 600;
}
@media (max-width: 600px) {
.av-custom-table tr {
display: block;
margin-bottom: 1em;
}
.av-custom-table td {
display: block;
}
.av-custom-year {
padding-right: 0;
}
}
Best regards,
Ismael
Top, great. Was just the size of link btn ..
Thank you
-
This reply was modified 1 month, 2 weeks ago by
xeovision.
Hallo,
i want to add a button above the main menu right but inside the menu block not in the top menu line.
So, i used the hooks but i guess, there is no such hook for my need… any idea how to place the button like this?
Button was created as custom widget.
This is the code i use to implement:
/* widget in header */
add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'btn-immo-bewerten' );
}
This is how it looks like

And this is has it has to be

-
This topic was modified 1 month, 2 weeks ago by
xeovision.
My client’s accessibility consultants said this about the portfolio sorting menu on https://abodecommunities.org/communities/
“The filter controls at the top of the page are defined as links when they should be defined as buttons. Also, the screen reader user is not alerted if they are selected.”
Does that sound correct to you and if so can you help me resolve the issues? Thanks and lmk if you have any quesitons!
Hi Mike,
Great! The issue is there are a white space at the top.
I have add this code:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
But the content are now bellow the header.
Could yo help me to create the same header in mobile size?
Many thanks,
BR,
Antonio.
Hey Tilman,
Try this css:
.phone-info .av-icon-char {
top: -3px;
position: relative;
}
Best regards,
Mike