Making a "back" button on the bottom of my Portfolio pages

I want to add a "back" button as pagination. I have pagination currently removed with a code in custom css, but is there a way to make the 2 buttons be one single button that lets people go back to the last page they were on?

So for example, If I was on on my Design Portfolio grid, and clicked into one of my Projects, there would be an automatic button on the bottom of that Project's page that links the viewer BACK to the Design Portfolio grid.

Thanks so much!

Add to Settings > Advanced > code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
 jQuery(document).ready(function($) {
   $('<section id="back-to" class="Index-page"><div class="sqs-block-button button-block Index-page-content"><div class="sqs-block-button-container sqs-block-button-container--center"><a href="/portfolio" class="sqs-block-button-element--small sqs-button-element--primary sqs-block-button-element">Back to Portfolio</a></div></div></section>').insertAfter('.item-pagination[data-collection-type^="portfolio"]');
 });
 </script>
<style>
section#back-to {
    margin-bottom: 20px;
}
</style>

Tested on my demo site. If it doesn't work on your site, please share link to portfolio page, we can check easier

Hi, 

This code works great but can you get the back to portfolio button to be in line with the pagination please?

Thank you!!

6 hours ago, BLK said:

Hi, 

This code works great but can you get the back to portfolio button to be in line with the pagination please?

Thank you!!

Can you share link to a portfolio page? We can check it again easier