Archived topic
Change width and position of a blog title (individual post)
3 replies · Started by David on October 3, 2018
Good morning Tom!
I want to customize the individual posts.
I have managed to change the width of the text (body) without altering the size of the highlighted image. The code used has been this:
.single .inside-article > *:not(.page-header-image-single)
{
max-width: 700px;
margin-left: auto;
margin-right: auto;
}What I do not get is to also exclude the title of the post. I want it to be aligned to the left and occupy the same space as the image (that is, 1200px which is the standard on my website)
What code can I use?
Another question: is there any option for the title of the post (h1) to appear inside the highlighted image? Something like Volume-Flint Skin (Site library with no page builder)
Thank you so much ;)
Hi there,
so lets do this - Activate the Elements Module in Appearance GeneratePress.
Then this article explains how to create a Element Header.
https://docs.generatepress.com/article/header-element-overview/
For the content you can add <h1>{{post_title}}</h1> and this will place the title over image.
You need to set the padding to size the image correctly. And then on the display rules just set the require locations e.g Posts > All Posts.
Perfect! OMG, I love this template :)
Thank you so much!
Glad i could be of help :)
