Karkom Posted January 21, 2021 Share Posted January 21, 2021 (edited) Site URL: https://www.ghoulsmagazine.com/editorials-blog/an-analysis-of-the-babadook-and-the-nightingale Hello, https://www.ghoulsmagazine.com/editorials-blog/an-analysis-of-the-babadook-and-the-nightingale I would like to change the position of the author details of a blog post. At the moment, this information is right at the bottom of the page but I would like to have this right before the "RELATED ARTICLES" section on this page. Is there a way to do this please? Would this require custom CSS code for every single blog post or is there a way to "trigger" the Author info by typing something specific? ( for instance, writing "Written by" at any point on the page triggers the Author information to be displayed there. I hpe you understand what I'm trying to say here 🙂 ) Also, would it be possible to get rid completely of the "Next" and "Previous" blog posts arrows at the very bottom of the page ( just before the footer) Thank you so much for your help 🙂 Edited January 21, 2021 by Karkom Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 First, add a Code Block above Related Title >> paste this code <div id="new-author"></div> Next, Add this to Home > Settings > Advanced > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.blog-item-author-profile-wrapper').insertBefore('div#new-author'); }); </script> Max_Sheridan and Karkom 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Karkom Posted January 23, 2021 Author Share Posted January 23, 2021 2 hours ago, tuanphan said: First, add a Code Block above Related Title >> paste this code <div id="new-author"></div> Next, Add this to Home > Settings > Advanced > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.blog-item-author-profile-wrapper').insertBefore('div#new-author'); }); </script> @tuanphan that worked like magic, as always 🙂 Also, would it be possible to get rid completely of the "Next" and "Previous" blog posts arrows at the very bottom of each blog post ( just before the footer) ? Link to comment
Karkom Posted January 23, 2021 Author Share Posted January 23, 2021 @tuanphan I've figured out the second part with the below 🙂 .item-pagination.item-pagination--prev-next { display: none; } tuanphan 1 Link to comment
Max_Sheridan Posted March 20, 2022 Share Posted March 20, 2022 Thanks for this, @tuanphan! This was so helpful. tuanphan 1 Max Sheridan Copywritermaxcopy.co Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment