Hi,
We set the image as the background in the Enfold > General Styling > Logo Area panel and adjusted the header height in Header > Header Layout > Header Size to a custom pixel value. We then added this css code to adjust the background image height and hide the default logo.
.header_color .header_bg {
background: var(--enfold-header-color-background-image);
background-size: auto 240px;
}
.logo img, .logo svg {
display: none !important;
}
Screenshot:
View post on imgur.com
Best regards,
Ismael
Hi,
your nav bar is white due to this setting in Enfold Theme Options ▸ General Styling ▸ Logo Area Background Color I do this for you:

Best regards,
Mike
ok – ich sehe jetzt dein child-theme aktiv.
Wie erklärst du dir, das wenn ich in deiner Privacy die google webfonts erlaube – die schrift dann angezeigt wird?
dinpro-light steht oben mit dinpro-light() – da muss was beim generieren schief gelaufen sein. Ausserdem ist in deinen @font-face rules nur die din-alternate-cdnfonts zu sehen.
Man sieht das child-theme natürlich im Source Code – allerdings, nur bei den css und js files die auch davon herrühren: also z.B.
<link rel="stylesheet" id="avia-style-css" href="https://marcusjeroch.de/wp-content/themes/enfold-child/style.css?ver=6.0.9" type="text/css" media="all">
<link rel="stylesheet" id="style-name-css" href="https://marcusjeroch.de/wp-content/themes/enfold-child/style.css?ver=6.7.2" type="text/css" media="all">
Lass die Nutzung der oberen Webfonts (ausser den Websafe Fonts ausser acht. Lade die gewünschten Schriften hoch.
Also z.B deine DINPro und die OpenSans. Deine Open-Sans sollte funktionieren die ist dort richtig gelistet (allerdings nur als ttf )
Schmeiss deine DINPro aus dem Font Manager raus und lade diese mal hoch: https://webers-testseite.de/DINPro.zip
Die wird dann dort gelistet:

Wähle dann unter General Styling – Fonts diese Schriften aus (bei den Hochgeladenen Schriften unten)

Du benötigst dann nicht mehr die Auflistung in der Privacy – da selbstgehostete Fonts verwendet werden.
Hi,
Thanks for that. I’m still not sure that I fully understand your intentions though, since the site you linked to has a background image on desktop resolutions, and only a text link on lower resolutions. Are you looking to set a background image to the header? If so, then that can be set under Enfold->General Styling->Logo Area.
Best regards,
Rikard
Hi Mike
Sorry to bother you but I would like to solve the issue.
So I did some new research because I remembered using ALB with Woocommerce a while back. I uploaded in another subdomain Enfold Version: 6.0.1 and Woocommerce Version 9.1.1 and at this point ALB worked inside the Product Page. Clearly same Server as the other test.
Credentials in Private Content.
As I upgrade Woocommerce or the theme to the latest version the problem recurs.
Anyway if I can’t rsolve this inconvenience it’s not a problem, I will use Enfold for other projects. It still remains my favorite theme.
Best regards
Manu
-
This reply was modified 9 months, 1 week ago by
manurimini.
Hi,
This is in the Enfold Theme Options ▸ General Styling

this is in the Enfold Theme Options ▸ Advanced Styling

Best regards,
Mike
Hi,
Got it. Is there a way to copy certain elements from a demo without asking support?
You can enable debug mode under Enfold->Layout Builder->Show Advanced Options in order to copy parts from demo content.
Best regards,
Rikard
This new and short video proves everything i already said:
[video src="https://marcusjeroch.de/downloads/enfold-child.mp4" /]
– Child theme: yes
– any customization: no
Again:
It is NOT POSSIBLE to change the font to dinpro-light or din alternate cdnfonts
If you can do the trick – please do it
Marcus
PS: Check the demos https://kriesi.at/themes/enfold-overview/ and look into the source code!!
You dont see the child theme mentioned in the source
Even on a fresh installation with an child theme – you will always see the parent theme.
Why: Probably because all the stuff that needs to be loaded comes from the parent…since the child itself has ZERO instructions
you can find all demos on GitHub Library: Link
download the zip file you need. Extract the xml file of it and look for the needed enfold shortcode of the wanted page — easiest way: search for the page ID as: post_id>206 or finding the home page on that demo search for: CDATA[home]
copy the needed enfold shortcodes from :
<content:encoded><![CDATA[
… here is the avia shortcode inside
]]></content:encoded>
this copied shortcodes you can enter on a new page inserting it to the debug mode input field (activate the debug mode on : Layout Builder – Debug Mode (Backend Only))
save that new page – now you have copied all the layout of the wanted page.
You had to edit now that page elements to enter your image/media links inside that code.
Hi,
Glad to hear that you have this sorted out, 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,
Currently, all of our demos are shown here, typically new demos are created to demonstrate new features.
such as the Parallax demo
Best regards,
Mike
Unfortunately, I can’t find out on my own.
I want to move an existing website to enfold theme. In the old theme, the header logo
is adapted to the browser window and is fully responsive. I can’t do that with enfold. Does anyone have a suggestion?
Thanks in advance
Rainer
Hey slikslok,
You can change the Enfold Theme Options ▸ Cookie Consent ▸ Cookie Handling ▸ Default Cookie Behaviour


Try each setting to find the result you want.
Best regards,
Mike
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,
Your link points to a theme using elementor, the pages don’t look any different than what could be created in Enfold, with some work.
There are no themes or builders that work like Enfold.
Best regards,
Mike
Hey MarcusJeroch,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .post-entry .post-title {
text-transform: none;
}
If this doesn’t help, please link to your page with this title.
Best regards,
Mike
i see this in your DOM:

no child just enfold.
next: see if i switch on the usage of google web fonts via your privacy settings:
https://webers-testseite.de/jeroch.mp4
on your @font-face rules a lot of open-sans and one Din font:

activation of uploaded Fonts : the list of uploaded fonts is at the end of that enfold list:

something went wrong with your uploading ( on that child-theme with dinpro-light ) –
and yes i have seen that on your video the child was activate ( but now the theme itself is in use)

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-video, .avia-video iframe, .avia-video video {
background-color: #f2d8c4;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 989px) {
#top.home #leistungen .avia-builder-el-8 p {
margin-bottom: 1.85em;
}
}
adjust to suit.
Best regards,
Mike
on transparency – there will be no breadcrumb – see functions-enfold.php:
if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';
but you can place it via a shortcode –
see snippet and usage on : https://webers-testseite.de/breadcrumbs-shortcode/
Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (min-width: 990px) {
.logo .avia-standard-logo-sub img.alternate {
position: relative;
}
}
@media only screen and (max-width: 989px) {
.responsive .logo a {
display: table-cell;
vertical-align: middle;
height: 90px;
}
}
@media only screen and (min-width: 990px) {
#header:not(.av_header_transparency) .logo {
top: 36%;
}
}
Best regards,
Mike
First of all – your business location is Germany – so you had to be GDPR (DSGVO) compliant.
For that reason – do you have any entrance inside your theme to hamper google font support of the theme. F.e. via a snippet plugin?
like:
function my_output_google_webfonts_script( $activate ){
return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );
OR
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}
add_action( 'init', 'enfold_customization_switch_fonts' );
you only uploaded open-sans and din-alternate-cdnfonts
Next question: on your video i see that you are using a child-theme – but on your live site i do not see that you are using it?
ON your Privacy setting : if i accept using Google Web fonts i see:

my recommendation on GDPR compliance : use selfhosted fonts – upload them via font-manager as you did with open-sans.
Then you do not need to mention the google webfont usage hint on privacy.
Hey Hank,
breadcrumbs: there are two places to look, Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs and on each page there is the page layout ▸ Title Bar Settings
sidebars: if you add a full width element like a color section, grid row, etc, the sidebar will be pushed down below it.
Best regards,
Mike
Hi,
Glad Guenni007 could help, thank you Guenni007, 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
Dear Mercedes salesman, could you please tell me if other cars are just as good and which one I should buy instead? Really now?
Enfold is also a for-profit business. As a participant, I think I’m allowed to say this; I hope you don’t mind.
hello, on my frontpage suddenly is appearing – after updating Enfold – some extra arrows at the bottom of some ‘read more’ posts
how to get rid of this?
best regards, jelle
https://vuurenleem.nl/wp-content/uploads/2025/02/pijlen.jpg
-
This topic was modified 9 months, 1 week ago by
jeel147.
Hello,
I am currently testing the Enfold theme on a subdomain before recommending a license purchase to my client. However, I have encountered an issue with the Advanced Layout Builder (ALB).
After installing the theme and WooCommerce, whenever I try to use ALB, the page freezes, and a spinning wheel appears in the area where the content blocks should be. I am unable to drag and drop elements to build the page.
I have added the following string in the functions.php of the child theme but the issue persists
add_theme_support( 'avia_custom_shop_page' );
Could you please assist me in resolving this issue? I would like to ensure that the theme functions properly before proceeding with the purchase.
Thank you in advance for your support.
Best regards,
Manu
Hallo. Ich möchte beim Theme Enfold health coach die Farben Grün ändern. Ich habe es schon unter Enfold –> Erweitertes Styling versucht. Es gelingt mir, die Schriftfarben und auch das vordefinierte Farbschema zu wechseln, aber ich finde keine Möglichkeit, um die grünen Hintergrundfarben auf der Website zu ändern. Gibt es eine css-Datei, in der ich neue Farben festlegen kann und wo finde ich diese? Die Seite ist im Wartungsmodus, ich habe aber eine Zugriffsmöglichkeit eingerichtet. Danke schon Mal, lieben Gruß Ulli
Hello, I would like to change the green colors in the Enfold Health Coach theme. I have already tried doing this under Enfold → Advanced Styling. I was able to change the text colors and switch the predefined color scheme, but I can’t find a way to change the green background colors on the website.
Is there a CSS file where I can define new colors, and where can I find it?
The site is in maintenance mode, but I have set up an access option.
Thanks in advance!
Best regards,
Ulli
on https://kriesi.at/themes/enfold-2017/elements/magazine/ you want to preserve the bigger image post and have on the smaller images a two column view?
to have:

you can have this by css only – but you had to break earlier to responsive case to have enough space for showing the articles with smaller images:
#top .av-magazine-sideshow:before,
#top .av-magazine-sideshow:after {
display: none;
}
#top .av-magazine-sideshow {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#top .av-magazine-sideshow .av-magazine-entry {
flex: 0 1 48%;
width: unset;
}