Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2863399
Elementor Single Post Template Transparent Header
Closed

Comments

  • djlefave started the conversation
    September 2, 2021 at 3:05pm

    How can I deploy the Soledad Transparent Header when using an Elementor Single Post Template?

  •  2,492
    PenciDesign replied
    September 2, 2021 at 3:22pm

    Hi,

    Please go to the Single Post Template, select the Advanced Tab, then paste the following custom CSS code:

    #navigation,
    #header .inner-header {
        background-color: transparent;
    }
    image.png

    Regards,
    PenciDesign.


  • djlefave replied
    September 2, 2021 at 3:39pm

    Apologies. You answered what I asked, however, I forgot to mention that I am using the sticky header. Is there a way to have transparent then when sticky change to a solid background. Like the home page of "Music Band"

  •  2,492
    PenciDesign replied
    September 2, 2021 at 7:00pm

    Hi,

    Please add this CSS code:

    #navigation,
    #header .inner-header,
    .penci-header-trans .sticky-wrapper:not(.is-sticky) #navigation {
        background-color: transparent;
    }
.is-sticky #navigation,
    .penci-header-trans .sticky-wrapper.is-sticky #navigation {
        background-color: #fff;
    }

    Regards,
    PenciDesign.