[Resolved] Move Post title and all meta into center

[trung]

Hi GeneratePress.

In my single post, the post title and all meta is left as default. They looks like this, includes:
– Category link (move into above post title by code in the topic )
– Post title
– Post date
– Social sharing icons (use GP social share and Hook after_entry_header)

I want to move something like this:
– Move Social sharing icons into exactly the end of post and align right (I want it appears above Next/Pre posts navigation so I don’t use Hook after_content).
– Post date move into above post title, and in same line with category link. Category link first, post date second, both of them is transformed italic. The character “/” is used to connect them.

Please support me. Thank you.

[Tom]

Hi there,

I’m not sure how you’re adding the social icons. You’d likely need to tweak the plugin settings so they appear after the content.

As for the other stuff, try this CSS:

header.entry-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

header.entry-header .entry-meta {
    order: -1;
}

header.entry-header h1.entry-title {
    width: 100%;
}

.entry-header .entry-meta.cat-links:after {
    content: " / ";
    display: inline-block;
    margin: 0 10px;
}

[trung]

Sorry Tom.

Your CSS code works well. But I forgot one thing in this topic: I want to move post title and all meta into center (as the name of topic).
I tried CSS and it worked with post title:

header.entry-header h1.entry-title {
text-align: center;
}

But I don’t know how to move category link and post date into center. Please support me about this.

Again, sorry about my carelessness in started the topic.

[trung]

About adding Social sharing icon, I think GP social share setting is not enough for my design. I am trying to use Elementor shortcode and GP hook. I will open other topic to ask. Thank you.

[Tom]

I just adjusted the CSS above so it centers the meta as well.

Let me know 🙂

[trung]

Thank you, Tom.

[Tom]

You’re welcome 🙂

[Rickard]

Hello,

The code above works great when looking on individual posts, but when looking at all the posts on the blog page the meta data is next to the title.

I want the meta data on the blog page to be under the post title, how can I do that?

[Leo]

Any chance you can open a new topic and link us to the page in question?

Thanks 🙂

[Author]

Posts