🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Move Post title and all meta into center

Home Forums Support Move Post title and all meta into center

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #752456
    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.

    GP Premium 1.7.5
    #753056
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #753804
    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.

    #753842
    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.

    #754252
    Tom
    Lead Developer
    Lead Developer

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

    Let me know 🙂

    #780463
    trung

    Thank you, Tom.

    #780759
    Tom
    Lead Developer
    Lead Developer
    #1174230
    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?

    #1174644
    Leo
    Staff
    Customer Support

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

    Thanks 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.