[Resolved] Header tag over page header image

[Karim]

Hello Tom,

I have a question about this page: http://vanmeurs.primemedia.nl/columbaria/

It’s about the h2 header i placed over the header image. I gave it a background color as you can see for the visibility, but it covers the whole width and i was wondering if i can make it so, that only the same width as the text has a background-color, and some padding left and right.

Thanks

Karim

[Tom]

For the entire background image?

In the “Content” tab of the Page Header there should be a “Container type” option where you can set it to “Contained”.

[Karim]

Hey Tom,

No, i mean only the background-color behind the text in the middle which says “Columbaria”. When i set the option you said, it made the background image smaller, i mean the background-color behind the text. Check link for image
https://postimg.org/image/tiupdh5tz/

[Tom]

Ah, you add a bunch of CSS to this element: .inside-page-header h2

Make it display:inline-block to make the background the same width:

.inside-page-header h2 {
    display: inline-block;
}

[Karim]

Sorry for late reply Tom,

Thanks for the perfect solution:)

Greets,

Karim

[Tom]

You’re welcome 🙂

[Author]

Posts