Archived topic
Entry-title alignment issue
9 replies · Started by Daniel on July 14, 2022
Hi all.
I've been looking to replicate a right alignment of the entry-title that another site using GeneratePress is doing.
The site is spiceography.com and you can see the image on the left, post title, excerpt, and read more on the right. I can get it exactly the same, except for the entry-title. Looking at the HTML structure, they've not changed anything. I can't see anything at all in the CSS that shows me how they've managed to move the title across and in alignment with the other elements.
Using something like float:right doesn't work because it doesn't align with the excerpt or read more button.
Is there a setting I'm missing somewhere? I've looked through the settings several times and can't seem to find anything. I've also scoured the support forums and documentation to no avail.
If anyone can help, you'll be my hero!
Hi Daniel,
The featured image is set to alignment left in Appearance > Customize > Layout > Blog. It’s also set to above title location-wise.
Another approach to achieve this look would be to use a Block Element - Content Template: https://docs.generatepress.com/article/block-element-content-template/
Hope this clarifies!
Hi.
I've got the featured image aligned as required, it's the entry-title I'm looking to re-align.
Hi there,
i assume spiceography is the site you're trying to replicate?
If so make sure the Customizer > Layout > Blog --> Featured Image >> Archives --> Location is set to Above Title.
Guys, I'm asking about aligning the title. The HTML class is entry-title.
I'm not asking about the image.
Can you share a link to the site you have the issue on?
Sure thing, I've added it to the private info section. You can see the page title isn't showing on the right as it is with spiceography.com
If you can follow the step i provided here:
https://generatepress.com/forums/topic/entry-title-alignment-issue/#post-2282471
To explain: when the Featured image is aligned left, it uses CSS float: left - which allows the HTML that is BELOW the image to align to its right.
Your entry-title is currently ABOVE the image, so it doesn't get included.
By changing the Location so the Featured Image is above the Title will make it work as you require.
Thanks, David. This works! Appreciate all the help.
You're welcome
