- This topic has 9 replies, 3 voices, and was last updated 3 years, 8 months ago by
.
-
Posts
-
Hi all.
I’ve been looking to replicate a right alignment of the
entry-titlethat 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:rightdoesn’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!
Customer Support
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-titleI’m looking to re-align.Customer Support
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.
Yourentry-titleis 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
- You must be logged in to reply to this topic.
