-
AuthorPosts
-
May 11, 2020 at 5:20 pm #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, 7 months ago by latanyarenee.
May 13, 2020 at 4:13 am #1212462This reply has been marked as private.May 13, 2020 at 7:51 pm #1212731Hi 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,
VictoriaMay 14, 2020 at 12:27 am #1212796Please 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.
May 15, 2020 at 8:27 pm #1213436Hello is there something wrong that I am unaware of??? Why is it taking so long to get help????
May 17, 2020 at 4:15 am #1213720Hi,
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,
MikeMay 20, 2020 at 7:47 pm #1214743Hello 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.May 22, 2020 at 10:44 pm #1215333Hello can I get assistance please? Thank you.
May 23, 2020 at 12:50 pm #1215432Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.