Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1227213

    Dear Support-Team,
    dear other more advanced User (as I am … ;) ),
    for many usecases there should be a new option to choose a transparent header with (in my case) dark transparent background. Shurely I can switch in the Enfold backend to a dark version but that would change all integrated headers. Some of them should be white and some dark for any reason (design).
    How do I integrate another option to choose the maybe possible dark version here:
    View of the actual option to choose the header look
    I thought about this:

    1. Integrating all needed Styles in the custom css (child theme)
    2. Adding an option in the functions.php (childtheme)

    Ist that anyhow possible? For a pitty I don’t have the skills to find a solution on my own.
    Would be great to find a solution for this task.
    All the best,


    Hey Chris,

    Thank you for the inquiry.

    One solution is to use css to change the style of the header. We can use the page ID as a css selector to target the header on a specific page.

    For example, you can use this css code to change the style of the header of the page with the ID 206. .av_header_transparency .header_bg {
    	background-color: transparent;
    	opacity: 0;
    	filter: alpha(opacity=0);
    } .av_header_with_border.av_header_transparency #header_main {
    	border: 1px solid rgba(255,255,255,0.25);
    	border-left: none;
    	border-right: none;
    	border-top-color: transparent;

    Best regards,


    Hey Ismael,
    Thanks a lot for your instant help. For a pitty that didn’t worked … I’ve put Login credentials in the privat content, so you could habe a look, if you want.
    I wish you to have a nice day and I’m looking forward to your answer.
    All the best,


    Hi Chris,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    #top.postid-2693 .av_header_glassy.av_header_transparency .header_bg {
        background-color: #242222;
        opacity: .4;
        filter: alpha(opacity=40);

    If you need further assistance please let us know.

    Best regards,


    Hi Victoria,
    that worked perfectly. Thanks a lot.
    Is there any possiblity in your point of view to integrate the dark header as a selsction in the theme? Maybe as individual work as I descripted above… ?
    All the best,


    Hi Chris,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.