Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 17, 2018 at 8:25 am #957995
    aicompcloud

    Hey guys,

    I would like to move the date in posts on top like mentioned in that thread
    https://kriesi.at/support/topic/move-date-and-author-meta-to-under-title/

    I have inserted that code in the 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');

    an that in the Quick CSS

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

    it just moves cause of the css a bit up and is overlapping the bottom content a bit but is not moving to the top.

    Any ideas?

    • This topic was modified 6 years, 7 months ago by aicompcloud.
    May 19, 2018 at 11:06 am #959013
    Victoria

    Hey aicompcloud,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    This code does not work as it is on your website.

    Best regards,
    Victoria

    May 22, 2018 at 7:50 am #960161
    aicompcloud

    here it is

    kind regards

    May 23, 2018 at 4:15 pm #960911
    Victoria

    Hi aicompcloud,

    The link seems to be broken, can you please update it?

    Best regards,
    Victoria

    May 23, 2018 at 9:59 pm #961246
    aicompcloud

    sure

    May 25, 2018 at 11:40 am #962040
    Victoria

    Hi aicompcloud,

    Thank you, please try the code below instead.

    Here is the code you can put in your funtions.php

    
function move_postmeta(){
?>
	<script>
		jQuery(window).load(function(){
			jQuery('.post-template-default.single.single-post  .post-meta-infos').insertAfter(jQuery('.blog-categories.minor-meta'));
		});
	</script>
<?php
}
add_action('wp_footer', 'move_postmeta');

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 30, 2018 at 7:59 am #964048
    aicompcloud

    thank you very much…that works.

    Just a little question to make it looking perfect. Is there a way to show the date beside the blog-category meta?

    Best regrads

    June 4, 2018 at 4:26 am #966283
    Ismael

    Hi,

    Glad it worked. This css code should help you with that.

    .responsive #top .post-entry .post-meta-infos, .responsive #top .post-entry .blog-categories {
    float: left;
    width: auto;
    clear: none;
    top: -25px !important;
}

    Best regards,
    Ismael

    June 4, 2018 at 7:16 am #966343
    aicompcloud

    see first link please…there it looks not good at all with your code

    Any Idea how to fix it?

    see second link, there I have added some little code (margin-righ) because the date and categories had no space between

    .responsive #top .post-entry .post-meta-infos, .responsive #top .post-entry .blog-categories {
    float: left;
    width: auto;
    clear: none;
    top: -25px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-right: 20px;
}

    On the blog post (second link) you can also see a little seperator (/) after the date. Is it possible to get that between the categories and the date? Maybe by putting the date on first position and the categories at the second?

    Any idea for that?

    regards

    June 6, 2018 at 5:27 am #967629
    Ismael

    Hi,

    Did you change the blog style? We adjusted the code a bit. Please try it again.

    Best regards,
    Ismael

    June 11, 2018 at 12:57 pm #971130
    aicompcloud

    sorry for the late reply. I didn’t get a mail that you have answered.

    I didn’t change anything. And the errors are still there. What exactly have you adjusted in the code?

    June 11, 2018 at 1:37 pm #971166
    aicompcloud

    I’ve tried a bit by my own again but I didn’t get it. But now I think I’ve deleted your last changes in css.

    June 11, 2018 at 3:30 pm #971247
    Victoria

    Hi aicompcloud,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    June 12, 2018 at 7:42 am #971559
    aicompcloud

    Yeah…I’ve kicked out the shown categories. It was not my first choice but I think this gonna work for me now.

    Thanks for your help

    June 13, 2018 at 3:23 am #972004
    Ismael

    Hi,

    Alright. Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Move Date in post to top’ is closed to new replies.