Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1211870

    Hello can you please provide me with a code to move the author’s name directly under the blog title (where the categories are currently appearing)? And move the categories and tags to the bottom of the blog post where the author’s name is currently at?

    I want this : MAY 11, 2020/0 COMMENTS/BY MY NAME to show under the tile where the categories are

    I want the categories and the tags at the bottom of the post where MAY 11, 2020/0 COMMENTS/BY MY NAME is. No change of padding or anything

    Sorry, I tried looking up threads as well as your files but was unable to find the simplicity of this solution. I did add a code to the PHP file that I noticed on another thread. The name did move to the top but it kept the blog categories as well as move the tags to the top too. I prefer the categories and tags to be under the post. Thank you.

    Thank you

    • This topic was modified 4 years, 5 months ago by latanyarenee.
    #1212462
    This reply has been marked as private.
    #1212731

    Hi latanyarenee,

    Please have a look at the following thread:
    https://kriesi.at/support/topic/move-date-and-author-directly-under-blog-title-tag-wrapping-issue/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1212796

    Please help me with a code that helps my website. I already tried that one and another from an old thread. This one puts everything under the title (tags, and categories). It doesn’t look right. I just want the date and name under mine. It’s okay if the categories are next to the date and name too, but definitely I don’t want tags under title. Please help. Thank you.

    #1213436

    Hello is there something wrong that I am unaware of??? Why is it taking so long to get help????

    #1213720

    Hi,
    Sorry for the late reply and thanks for the link, try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(window).load(function(){
      $( '#top.blog .post-entry.multi-big' ).each(function() {
      $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertBefore( $(this).find('span.blog-categories.minor-meta'));
      $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content'));
      });
      });
      })(jQuery);
      </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Then clear your browser cache and check.

    Best regards,
    Mike

    #1214743

    Hello and Thank you. The code does work, but it removes the images on the blog page. And for the single blog post I tried this code as well and it does not work.

    1. Code works but removes the display image for post on main blog page
    2. Code does not work at all on single blog posts.

    #1215333

    Hello can I get assistance please? Thank you.

    #1215432

    Hi,
    Sorry for the late reply, I found that moving the elements the visibility of the featured image changes, I added some css to the element to correct this. I also added the ability to work on the blog & single post, try replacing the above function with this code at the end of your functions.php file in Appearance > Editor:

    function custom_meta_script(){
      ?>
      <script>
    (function($){
      $(window).load(function(){
      $( '#top.blog .post-entry.multi-big' ).each(function() {
      $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertAfter( $(this).find('h2.post-title.entry-title'));
      $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content'));
      $( this ).find('.big-preview.multi-big a').css({ 'overflow': 'visible'});
      });
      $( '#top.single-post .post-entry.single-big' ).each(function() {
      $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertAfter( $(this).find('h1.post-title.entry-title'));
      $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content'));
      $( this ).find('.big-preview.single-big a').css({ 'overflow': 'visible'});
      });
      });
      })(jQuery);
      </script>
    <?php
    }
    add_action('wp_footer', 'custom_meta_script');

    Best regards,
    Mike

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