Move Portfolio Pagination to Hero Section

Hi, I want to move the pagination from the bottom of the gallery to the bottom part of the hero section. Is this possible? If not, can I add instead?

https://strongcontractors.com/projects/uchealth-memorial-hospital

Please check the image where i want to place the pagination buttons. Thanks.

This is possible with some CSS code. But the page you shared doesn't work. Can you check it again?

@tuanphan Sorry we changed the url. Here's the updated url: https://strongcontractors.com/portfolio/uchealth-memorial-hospital

Thanks.

On 6/3/2024 at 11:50 PM, evadRC said:

@tuanphan Sorry we changed the url. Here's the updated url: https://strongcontractors.com/portfolio/uchealth-memorial-hospital

 

Thanks.

You can use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
   jQuery(document).ready(function($){
  $('.item-pagination[data-collection-type^="portfolio"]').appendTo('#page>article>section:first-child');
})
</script>
<style>
  #page>article>section:first-child {
    display: flex;
    flex-direction: column;
}
.item-pagination[data-collection-type^="portfolio"] {
    width: 100% !important;
    padding: 0px !important;
}

</style>

@tuanphan nice. it worked. just a little adjustment and it's good. can we display the previous and next text? and move it like in the image please. 

@tuanphan man it worked! love it. Thank you so much!