Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

reposition author details in blog post


Karkom

Question

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 by Karkom
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

@tuanphan I've figured out the second part with the below 🙂 .item-pagination.item-pagination--prev-next { display: none; }

3 answers to this question

Recommended Posts

  • 0

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>

 

Link to post
  • 0
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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...