Archived topic
h1 below title image
9 replies · Started by Markus Kitroschat-Vogt on July 1, 2020
Dear Generate Press Team!
I would like to put my h1 below a title image. Like this: https://elberadweg-unterkunft.de/elberadweg-unterkuenfte-hotels-pensionen-und-campingplaetze-finden/
It is possible but only if I disable the content title and use another h1. Furhtermore I'd like to create sites without title image, e.g. like this: https://elberadweg-unterkunft.de/elberadweg-karte/
Then I have a very low distance between my menu and my h1. It's because I would have a gap between title image and h1 ohn this site: https://elberadweg-unterkunft.de/elberadweg-unterkuenfte-hotels-pensionen-und-campingplaetze-finden/
So the best way would be that there would be an option to put the classic h1 title below my title image.
Do you have any solution for this? Thank you!
Kind Regards,
Markus
PS: Besides this problem I like the theme very much, it's fast and easy to use...
Hi there,
Have you tried setting the featured image location to above title or above content?
https://docs.generatepress.com/article/adjusting-the-featured-images/
Let me know :)
No, thank you, this was a good hint!
But how can I adjust it to fullwidth, now it looks like this (the picture above is the new one): https://elberadweg-unterkunft.de/elberadweg-unterkuenfte-hotels-pensionen-und-campingplaetze-finden/
KR
Markus
Hi there,
the simplest way of adding the Featured Image full width above the content is to use a Header Element:
https://docs.generatepress.com/article/header-element-overview/
Hi David,
Okay, so with the blog-option it is not possible to get a full width-picture, right?
And I'd like to use header elements but I have the problem to realise this. It is possible to give me a manual how to do this?
Thank you very much,
KR
Markus
Hi there,
If your static featured image is set to above the content container, you can make it go full width like this:
.page-header-image.grid-container {
max-width: 100%;
}That will make the container full width so the image isn't contained. However, the image will need to be wide enough to go full width.
Thanks, but it didn't work. I put the code to custom css and unfortunately, this is the result: https://elberadweg-unterkunft.de/elberadweg-unterkuenfte-hotels-pensionen-und-campingplaetze-finden/
The above image is the title image and it is not full width...
Can you make sure the featured image location is set to Above Content Area?
Looks like it's set to Above title right now.
This was the solution. Thank you very much!
No problem :)
