Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 22, 2016 at 6:26 am #715115
    waterwalk

    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.

    November 22, 2016 at 11:05 am #715205
    Vinay

    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

    November 24, 2016 at 6:45 am #716268
    waterwalk

    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.

    November 26, 2016 at 10:40 pm #717283
    Nikko

    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

    December 20, 2017 at 7:46 am #890705
    darkcanvas

    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

    December 20, 2017 at 4:50 pm #890840
    Victoria

    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

    December 20, 2017 at 11:59 pm #890950
    darkcanvas

    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, 11 months ago by darkcanvas.
    December 23, 2017 at 6:44 pm #891837
    Mike

    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

    May 7, 2018 at 12:46 pm #952663
    VSG_DE

    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 6 years, 6 months ago by VSG_DE. Reason: Clarifications
    May 7, 2018 at 8:11 pm #952844
    VSG_DE

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

    May 8, 2018 at 12:18 am #952981
    Mike

    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

    May 8, 2018 at 3:03 pm #953401
    VSG_DE

    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

    May 9, 2018 at 1:42 am #953623
    Mike

    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

    May 9, 2018 at 6:44 am #953700
    VSG_DE

    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

    May 9, 2018 at 11:19 am #953813
    Mike

    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

    May 9, 2018 at 12:21 pm #953862
    VSG_DE

    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

    May 9, 2018 at 12:39 pm #953873
    Mike

    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

    May 9, 2018 at 12:51 pm #953877
    VSG_DE

    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

    May 10, 2018 at 2:23 am #954246
    Mike

    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

    May 10, 2018 at 8:51 am #954424
    VSG_DE

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

    May 10, 2018 at 10:57 am #954454
    Mike

    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

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