Transparent header

  • Posted in : Efor
  • itsnickwhite
    Participant
    16 July 2021 at 06:16
    #72752

    Hello

    Is it possible to make the header transparent? I’ve tried to do it via Customise but I can’t see an option for opacity, only to change the colour.

    Thanks
    Nick

    serkan
    Moderator
    16 July 2021 at 14:16
    #72771

    Hi Nick,
    You can add this color code #fff0
    Thanks

    itsnickwhite
    Participant
    17 July 2021 at 08:35
    #72785

    Hi Serkan

    Sorry that didn’t do anything. It doesn’t recognise a code that short when I try to put it into the “header background color” section. Also, I want to keep the sticky header white, so any solution will need to only affect the main header.

    Thanks

    serkan
    Moderator
    19 July 2021 at 20:59
    #72807

    Hi Nick,
    Could you please provide me your wp admin details via our private content box below?
    Thanks

    itsnickwhite
    Participant
    20 July 2021 at 02:16
    #72811

    I’ve included the details. I’d love to know how you do it for future reference.
    Thanks

    serkan
    Moderator
    22 July 2021 at 13:34
    #72830

    Hi,
    I just added this custom css code.

    .site-header .header-wrap { background-color: #fff0; }

    Thanks

    itsnickwhite
    Participant
    22 July 2021 at 14:09
    #72842

    Thanks for that Serkan but it’s not quite right.

    I would like the main header to be transparent and the sticky header to be white. At the moment it’s displaying the opposite that the main header is white and the sticky header is transparent.

    serkan
    Moderator
    24 July 2021 at 22:06
    #72863

    Hi,
    You can create custom headers with elementor and customize the color and everything.
    https://elementor.com/help/create-headers
    Thanks

    itsnickwhite
    Participant
    26 July 2021 at 02:16
    #72869

    It appears that going via the theme builder in Elementor is only a Pro option.

    I presume there’s a way of having a transparent header without needing to pay extra for it? It’s a pretty standard feature.

    serkan
    Moderator
    26 July 2021 at 11:03
    #72878

    Hi,
    I will talk to our developer and i will keep you updated.
    Thanks

    ahmetsali
    Keymaster
    26 July 2021 at 18:59
    #72892

    Hi, yes transparent header is a built-in theme feature. I have just edited your homepage and on the right hand side I selected “Page Header Style: Transparent” and now your homepage header is transparent and it has a white background when sticky.

    Have a nice day!

    itsnickwhite
    Participant
    27 July 2021 at 01:44
    #72898

    Thanks ahmetsali!

    When you say “on the right hand side” what do you mean? I’d like to know how to do it so that I can change other pages as well.

    ahmetsali
    Keymaster
    28 July 2021 at 12:01
    #72903

    Hi again, you can see it on the page edit screen;

    https://www.awesomescreenshot.com/image/11208404?key=b451c000838cc0df6db23f18685e4216

    Cheers.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Efor - Coaching & Online Courses WordPress Theme
Login and Registration Log in · Register