post page formatting

[Steve Braun]

Hi Tom,

I have a haiku site at HaikuMoment.com. The vast majority of my posts are haiku poems which consist of three short lines. I would like the poem to be the point of attention when someone navigates to one of my posts.

For example, if you go to http://haikumoment.com/spread-wings/, you will see the poem title, date and author, the haiku poem, social share icons, a couple post links, etc. I would like to do 2 things:

1. Move the date and author information to below the post.
2. put some white space above and below the haiku poem. I want to do this through global formatting rather than having to put spaces into the post itself.

A third thing if possible is to center the poem on whatever screen is used, but only for the Spring, Summer, Autumn and Winter post categories.

[Tom]

Hi there,

1. This may help: https://generatepress.com/forums/topic/move-author-date-to-the-bottom-after-content/#post-170511

2. Try adding this CSS:

.category-haiku-articles .entry-content {
    padding: 50px 0;
}

3. On each one of those categories, a class is added to the element like the above (category-haiku-articles).

You can find this class by using the Inspect Element tool in your browser while in one of those categories.

Then you can do this:

.category-my-category .entry-content,
.category-another-one .entry-content {
    text-align: center;
}

Hope this helps 🙂

[Steve Braun]

Tom,

Thank you. You’ve been a great help. I’m mostly happy with the presentation of the 3-line haiku. What I would like is the haiku text to be left-justified, but centered under the logo at the top (example page). I consulted w3schools.com, but could not figure it out.

How might I do this?

Thanks in advance,

Steve

• This reply was modified 10 years, 4 months ago by Steve Braun.

[Author]

Posts