Replicate the same look in the header

  • eno
    April 23, 2023 at 8:40 pm

    Hoping you can help me with this pls.

    I’m trying to replicate the header I created using Generate Blocks on home-3, but can’t get the same colour going to apply it to the header on the home page.

  • Fernando
    April 23, 2023 at 9:19 pm

    Hi Eno,

    Try adding this through Appearance > Customize > Additional CSS:

    header.site-header {
    background-color: var(--accent);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), var(--contrast-3));
    box-shadow: 2px 10px 10px -5px var(--contrast);
    opacity: 1;
    mix-blend-mode: multiply;
}
  • eno
    April 23, 2023 at 9:52 pm

    Done. Thank you again Fernando.

  • Fernando
    April 23, 2023 at 10:20 pm

    You’re welcome, Eno!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.