reposition author details in blog post

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 🙂

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>

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) ?

@tuanphan I've figured out the second part

with the below 🙂

.item-pagination.item-pagination--prev-next { display: none; }

Thanks for this, @tuanphan! This was so helpful.