Archived topic
Move Post title and all meta into center
8 replies · Started by trung on December 9, 2018
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.
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;
}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.
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.
I just adjusted the CSS above so it centers the meta as well.
Let me know :)
Thank you, Tom.
You're welcome :)
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?
Any chance you can open a new topic and link us to the page in question?
Thanks :)
