Hey Oriano,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter('avf_title_args', 'remove_blog_prefix_from_title', 10, 2);
function remove_blog_prefix_from_title($title, $id = null) {
if (is_single() && strpos($title['title'], 'Blog -') === 0) {
// Remove "Blog -" prefix
$title['title'] = trim(str_replace('Blog -', '', $title['title']));
}
return $title;
}
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:

and ensure that it is activated, then add the above code and save.
Best regards,
Mike
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
We also have been trying to use the theme option to show up the author and is not working for us.
We are just talking about showing author name, image and then click for the full info (the basic option). And this is not working
Hi Enfold, I have a question about the blog on this website: https://glazuur.com/blog/
I want the blogs all on 1 page, and also not more than 12 blogs. So that the older posts automaticly dissapear when a new one is made.
The website is made with a demo and I do not know where to change this.
Can you help me with it? I hope so!
Kind regards, Jolanda, JoStudio
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.
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,
Ismael
Hi,
Thank you for the updat.e
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings. If it’s still not working, provide the login details in the private field so we can test the modification.
Best regards,
Ismael
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,
Great, I’m glad that we could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Thank you for giving it a try. Very interesting. In my installations there is the following CSS:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 1;
}
}
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub {
display: none;
}
}
Don’t know where it comes from. The first shows the normal logo, the second hides the alternate version below 990px. That’s exactly the error.
In your installation it is like that:
#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 0;
}
.av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
opacity: 1;
}
No query whatsoever. But the CSS above is not from me. It has to be from Enfold.
Your test is: Logo in backend, alternate logo in backend, code from above in functions, page set to “transparent header” – correct?
Hey irene,
Could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
Thanks for the update. I’ve updated Enfold and changed the text for you. The problem was the SG Optimiser plugin which creates javascript errors if file compression is active in the theme, you can find those settings under Enfold->Performance.
Best regards,
Rikard
ireneGuest
We purchased Enfold 4.8.7.1 and now have no display when we upgrade to WordPress 6.8.1. How can we solve this problem?
I built that code with Ismael in an other thread. Works on multiple installations for me. All with Enfold 7.1.1. In the theme settings I put the logos as SVG files and those files are loaded in the frontend. As it used to be in older Enfold versions.
Now I double checked the avia-snippet-sticky-header.js and see it just as you described: only styling of the header, no tweaking of the logo
On an other installation I tried the code and it is working as expected, but same behaviour on mobile: the normal logo is loaded, not the one defined in the transparency settings.
I believe it is because usually the header isn’t transparent on mobile. Even with header set to transparent in backend it is only transparent for the larger screen sizes. On mobile the header is normal and therefore the normal logo is loaded and used instead of the one from the transparency settings.
My conclusion is that I will have to sort it out with CSS since both logos are available in the code.
But what’s interesting: If I use the SVGs as path (without the code mentioned above) the version from the transparency settings is used on mobile too. That’s different to older Enfold versions and to the behaviour with a logo as image file. Or am I wrong?
by the way: that snippet from your first post – does not work on my testinstallation ( Enfold 7.1.1). I do allways have inline svg.
As far as i know the avia-snippet-sticky-header does only rule the shrink amount , header height. (Two classes are toggled on scrolling)
On mobile devices the shrinking is set to off by that line i mentioned.
Hi Ismael,
Yes, I’ve already applied it under Enfold > General Styling. Is there anywhere else I should be applying it to make sure it works correctly?
Thanks!
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,
Mike
Hi,
Thanks for letting us know. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
trying 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.
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,
Rikard
I haven’t been able to update my Enfold themed website since version 5.6.9. If I update the theme to its current version or make any changes to the footer, which I need to do, the entire site breaks. I put a lot of money and time into creating the site the way that I want it using enfold and I’d hate to have to start over from scratch because I can’t update the footer or the site to its current version without losing it. I have more than one site using enfold because I like the them and I just renewed my support, please help. I should also note that I must restore the site from a backup once this happens.
-
This topic was modified 7 months, 3 weeks ago by
tristatedata.
Good morning,
We’ve had issues with not being able to override fallback settings when it comes to text and table formatting.
For instance, if I use HTML to format the color of the text, if I go back to use the visual editor as opposed to code and make a part of the text bold, then the added script breaks the formatting and makes the text blue (which was set somewhere as the default). The same thing happens with tables with HTML. The default is to make the background white and I cannot override it to make it transparent with CSS, only another colour.
I’ve added the changes for text in Advanced Styling in Enfold, but it doesn’t override the fallback formatting. I don’t want to break anything by creating conflicting formatting so I want to be sure to change it in the right place.
Thank you in advance for your help.
Best regards,
Vlad
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
slawekGuest
I have problem with Enfold theme functionality and have no idea how to ask a question online. There is no option on the website!!!!!!!!!!!!!!!!!!!!!!
Good morning,
You helped me fix this last time. I have now uploaded the child’s theme, and your settings have disappeared. I entered the code in the custom code field, and, as before, it did not work. AND THERE IS ANOTHER BIG ISSUE WITH THE NEW INSTALL. On the phone the products are majorly out of wack! Type is all over the place. Can you help with this then check on a phone to see if it appears right?? THANK YOU IN ADVANCE!! I uploaded the old Enfold theme settings with the new install but maybe because you changed it at the Php level it did not transfer.
I HAVE COPIED AND PASTED WHAT YOU DID THE LAST TIME. HERE IT IS. YOU ADDED IT TO MY PHP FUNCTION, WHICH I DO NOT KNOW HOW TO DO.
Hi,Thank you for your patience, on the page /fine-art-limited-editions/ I see the images are cropped to 450px square:
Enfold_Support_3642.jpeg
and your original images are in a 4:3 layout:
Enfold_Support_3644.jpeg
I couldn’t find the snippet that Ismael provided above anywhere, so I added it to th end of youe functions.php and now the images look like the original layout:
Enfold_Support_3646.jpeg
please clear your browser cache and check.
I see you are not using a child theme and so this customization will be lost when you update next, I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets so your customizations won’t be lost.
Best regards,
Mike
HERE IS THE SNIPPET THAT THE THREAD SAID YOU ADDED.
add_filter( ‘avf_wc_before_shop_loop_item_title_img_size’, ‘avf_wc_before_shop_loop_item_title_img_size_mod’, 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return ‘woocommerce_thumbnail’;
-
This topic was modified 7 months, 3 weeks ago by
extraeyes.
-
This topic was modified 7 months, 3 weeks ago by
extraeyes.
-
This topic was modified 7 months, 3 weeks ago by
extraeyes.
Hi,
Glad Ismael could 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,
Glad Ismael could 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
Justina PinekerGuest
Ich habe bereits mit Rikard eine konversation gestartet, leider kann ich ihm nichtmehr antworten im Forum, da das Limit von 4 schon erreicht ist.
Daher hier nochmal die Bitte an Herr Rikard, die letzte Frage von Ihm war ob das Problem auch auftritt wenn alle Plugins bis auf WPML deaktiviert sind und die Antwort ist : JA
Der Fehler tritt genauso auf, auch wenn alle Plugins bis auf WPML deaktiviert sind.
My interest in seeing the SVG was because you might not need an alternative logo. Why is there a construct with alternative logos in Enfold for transparent headers? In most cases, the only issue is the logo’s contrast with the background. However, since it is very difficult to influence a PNG or JPG in this respect, a second logo was used. As above, white text on a dark background.
With an inline SVG, however, I can achieve this by changing the elements within the SVG using external CSS.
if you only need these classes in the mobile case (header-scrolled or header-scrolled-full) to have a different logo, you can also change your logo via the class (av_header_transparency).