[Resolved] Fix the pagination to the bottom of the screen

[Author]

Posts

[kelvinL-2]

Dear Sir/Madam,

I have a View with pagination, how can I fix the pagination to the bottom of the screen, keep the previous and next buttons always at the left and right positions even there is no previous or next post.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL and admin access details and let me see what we can do here.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[kelvinL-2]

Dear Minesh,

I finally fixed it but I want to have a Home button between the two previous/next buttons? You can visit the link hidden link

[Minesh]

When you say home button, which button you are mentioned - Can you please share screenshot?

[kelvinL-2]

Dear Minesh,

I want to add home button at bottom in the center, see screenshot.

Best regards,

Kelvin.

[Minesh]

But where you want to link that home button?

[kelvinL-2]

Back to the ebook index page, the current chapter's parent post ebook

[Minesh]

What you should do is try to add the link like this:

<a href="[wpv-post-url item='[wpv-search-term param='ebook-id']']"> Home </a>

Currently it will display the Home text with hyperlink to the parent post book URL. You should format the link as per your requirement and place it at whatever place as desired.

[kelvinL-2]

Problem fixed

<div id="paginationDIV">
	<div class="pagination">
		<div class="page-item previous-item">[wpv-pager-prev-page][wpml-string context="wpv-views"]<i class="fas fa-caret-square-left"></i>[/wpml-string][/wpv-pager-prev-page]</div>
	  <div class="page-item home-item"><a href="[wpv-post-url item='[wpv-search-term param='ebook-id']']"><i class="fas fa-home"></i></a></div>
	  <div class="page-item next-item">[wpv-pager-next-page][wpml-string context="wpv-views"]<i class="fas fa-caret-square-right"></i>[/wpml-string][/wpv-pager-next-page]</div>
  </div>
</div>

Best regards,

Kelvin.

[kelvinL-2]

My issue is resolved now. Thank you!