Image above title of every page

Hey,
In Theme Options > Main Settings you can set a sitewide banner. Does that work for you?

Hannah

Hallo Hannah,

This is not what I’m looking for.
This Solution places the image below the menu, and when you place an .gif image it gets the same background color as the menu

What I’m looking for is to place an image between the menu and the title of an page. I have an blue background for the menu and an white background for the pages, and I want the image in the white section.

Hope you have an other idea

I’m confused, between the menu and the title means below the menu. But you don’t want the image below the menu? I’m not sure that there’s an option for what you’re wanting. Could you link to an example? Another option is to set a background image for your header (Theme Options > Advanced Styling). But I don’t think that’s what you mean either….

Hannah

If you use the banner you can have a differnet background with this css:

.headerclass > .container:last-child {
    width: 100%;
    padding: 0;
    background: white;
}
.virtue_banner {
    max-width: 1170px;
    margin: 0 auto;
}

Kadence Themes

Hallo Hannah,

Sorry that I made you confused.
I used the code above.

You can see an example at : https://marcelheinen.nl/MVZ/contact/

What I want to achieve is that the banner (the image with the flying pigeons) is set in the white area under the menu and above the thin grey line (above the title). I hope you understand it now.

If it is possible I don’t want the banner to show on the home page.

I hope you can help me.

Hey, It doesn’t look like you copied the css from here.. Maybe you tired from an email which would not work. Please copy from here.

See you have added this:

headerclass > .container:last-child {
    width: 100%;
    padding: 0;
    background: white;
}
.virtue_banner {
    max-width: 1170px;
    margin: 0 auto;
}

But I posted this:

.headerclass > .container:last-child {
    width: 100%;
    padding: 0;
    background: white;
}
.virtue_banner {
    max-width: 1170px;
    margin: 0 auto;
}

In terms of removing for the home page you can add this css:

.home .virtue_banner {
display:none;
}

Kadence Themes

Hello Hanna,

I copied the code from the mail.
Now I copicd it from this post.

Thanks,

This is what I was searching for.

Glad to help.

Kadence Themes