Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1140090


    I am using the modern blog theme and the meta information is showing up at the bottom of the blog posts. I would like to for this to display underneath the title. Have looked at other threads but their solutions do not seem to be working for me.

    I would like:
    Meta info
    Feature Image



    Hey MaryScholten,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    /* CSS - */
    #top .fullsize .template-blog .post .entry-content-wrapper {
        display: flex;
        flex-direction: column;
    #top .fullsize .template-blog .post .entry-content-header { order:1; }
    #top .fullsize .template-blog .post .post-meta-infos { order: 1; }
    #top .fullsize .template-blog .post .big-preview.single-big {order: 5; }
    #top .fullsize .template-blog .post .entry-content {order: 6; }
    #top .fullsize .template-blog .post .entry-footer {order: 8; }

    Result: <img src=”” title=”Uploaded by” alt=”” /></a>

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
    <img src=”” alt=”” />

    Best regards,


    Thank you! This worked, however I now need to center the meta info and left align the copy of the blog post.


    Hi Mary, How do you need things aligned here?

    Best regards,



    The meta information centered.
    And then the “I wonder what this will appear like” which is the body copy, left aligned.


    Hi Mary,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css
 .fullsize .template-blog .post .post-meta-infos {
        text-align: center;
    #top .fullsize .template-blog .post .entry-content-wrapper > .entry-content {
        width: 100%;
        text-align: left;

    If you need further assistance please let us know.

    Best regards,


    Thank you for your help, this code helped with the text alignment, but for some reason it crops the image in a strange way, when the image should be displaying in its original dimensions?


    Hi Mary,

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.