Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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,
    Chris

    #1228075

    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.

    #top.page-id-206 .av_header_transparency .header_bg {
    	background-color: transparent;
    	opacity: 0;
    	filter: alpha(opacity=0);
    }
    
    #top.page-id-206 .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,
    Ismael

    #1228264

    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,
    Chris

    #1228559

    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,
    Victoria

    #1228561

    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,
    Chris

    #1228664

    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,
    Victoria

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

You must be logged in to reply to this topic.