Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #715115

    Hi,

    How can I move the author and date meta up to under the title where people are used to seeing them for the ‘elegant’ style blog. I’d use the business style but the order of data there is not ideal either.

    So essentially I need:

    Title
    date & author
    and THEN content

    using the elegant blog ideally.

    Thanks.

    #715205

    Hey waterwalk,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    #716268

    Placing the link in private content. You will see that it is set to “Elegant” but the date and author don’t show up until the bottom so I just need to know where I can edit this. Thanks.

    #717283

    Hi,

    Seems like you want to do something like in this thread: https://kriesi.at/support/topic/move-meta-data-above-post-contact/#post-706053
    Try to add this code to functions.php:

    function move_postmeta(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery( ".page .template-blog header.entry-content-header, .single-post .template-blog header.entry-content-header" ).each(function() {
    jQuery( this ).find( ".post-meta-infos" ).insertBefore( jQuery(this).find('.big-preview') );
    });
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'move_postmeta');

    And add this code to Quick CSS (located in Enfold > General Styling):

    .html_elegant-blog #top .post-entry .post-meta-infos {
        float: none;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #890705

    Hi,
    I am interested in the same.
    I applied the code provided, but it just doesnt work properly. There is alarge gap between the title and the date, about 50px, and it shows on the home page created to look like the the “lifestyle demo”, but it doesnt show in the actual full post.

    If there is no better way to do that, can you tell me how to do the following:
    In the Business style:
    increase the size of title and then center align.
    center align the date/author/categories, basically to be under title,
    then change the READ MORE to be a button, not just a link, and 20px away from the bottom of the post

    #890840

    Hi darkcanvas,

    Could you please give us a link to your website, we need more context to be able to help you.
    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #890950

    Hi,
    The date and author work (kind of) on the home page, but when you go into the article, it goes back to the bottom of it.
    You can see a big gap between the title and the date.

    • This reply was modified 6 years, 3 months ago by darkcanvas.
    #891837

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .html_elegant-blog #top .post-entry .post-meta-infos {margin-top: 0px !important; }
    .html_elegant-blog #top .entry-content-header .av-vertical-delimiter {display:none!important;}
    .html_elegant-blog #top .post-entry .post-title {
    padding-bottom: 0px !important; 
    margin-bottom: 0px !important; 
    }

    Best regards,
    Mike

    #952663

    Hello Mike,

    i have the same problem (within the “modern” blog style) and tried your code. It breaks the layout even more while the categories are now places “behind” the title. So I took it back.

    Still there’s a gap about 50 px between the title of the meta infos which is very annoying.

    Are there any other ideas of closing that gap?

    Kind regards

    Andre

    • This reply was modified 5 years, 10 months ago by VSG_DE. Reason: Clarifications
    #952844

    I would really be happy if there may be an solution for this.

    #952981

    Hi,

    @VSG_DE
    Please include the url to the page in question so we can take a closer look. If you could add a screenshot of the issue, it would be helpful.

    Best regards,
    Mike

    #953401

    Hello @Mike,
    i cannot give you an URL right now.
    But here’s a screenshot of the page:
    http://www.eymann.info/download/meta_gap.png
    It’s basically in the right place, but the gap is not ok.
    I tried to fix it with CSS (position), but then it’s not ok within the post grid.
    Kind regards
    Andre

    #953623

    Hi,
    Sorry, we really need to be able to inspect the element to assist. I’m sure once your site is online we could help remove the space quickly. We will leave this open until we hear back from you.

    Best regards,
    Mike

    #953700

    Hi @Mike,
    i understand.
    Ok, now it’s possible.
    Here’s the link:
    https://www.videospielgeschichten.de/mea-culpa-kingdom-come-deliverance/
    Thanks in advance!
    Andre

    #953813

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .html_modern-blog #top .post-entry .post-meta-infos {
    margin-top: 0px !important;
    padding-top: 0px !important;
     top: -22px !important; 
    }
    

    Best regards,
    Mike

    #953862

    Hi @Mike,
    thank you. I tested it and it worked out fine for the post!
    https://www.videospielgeschichten.de/mea-culpa-kingdom-come-deliverance/
    But now the styling on the authors page is broken:
    https://www.videospielgeschichten.de/author/yannic-hertel/
    Can we specify the CSS tweak only for posts?
    Kind regards
    Andre

    #953873

    Hi,
    Please try:

    .html_modern-blog #top.single-post .post-entry .post-meta-infos {
    margin-top: 0px !important;
    padding-top: 0px !important;
     top: -22px !important; 
    }

    Best regards,
    Mike

    #953877

    Hi Mike,
    PERFECT!
    Now it’s correct on all pages.
    Thanks so much for your great support. I’m really pleased with that!
    One last thing: how could i achieve to have a smaller space between the meta infos and the featured image?
    Kind regards
    Andre

    #954246

    Hi,
    To have less space between the image and meta info, first remove the bottom padding from the meta info by changing the above code like this:

    .html_modern-blog #top.single-post .post-entry .post-meta-infos {
    margin-top: 0px !important;
    padding: 0px !important;
     top: -22px !important; 
    }

    Then add this css:

    .html_elegant-blog #top.single-post .entry-content-wrapper .big-preview.single-big {
        margin-top: 0px !important; 
        padding-bottom: 0px !important;
    }

    Best regards,
    Mike

    #954424

    Hi Mike!
    I works just wonderful. Thank you so much for helping me with patience on this issue.
    Kind regards
    Andre

    #954454

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Move date and author meta to under title’ is closed to new replies.