Topic: 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.

Are you a GenerateCustomer?

Just browsing?

Replicate the same look in the header