Archived topic
Header tag over page header image
5 replies · Started by Karim on October 19, 2016
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
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".
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/
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;
}Sorry for late reply Tom,
Thanks for the perfect solution:)
Greets,
Karim
You're welcome :)
