Pagination on appointments

Please also be clear in how I can fix this, as Im pretty new to all this ??

Sorry just read my post back. The reference to not finding where to post was on your own website. I emailed someone from WPMU Dev and they told me to post on here and you will get back to me ASAP.

Please do get back to me ASAP. As the pagination thing is driving me mad

Pete

Hi there Pete,

Hope you’re having a great day! ??

I’ve just checked your site, but I’m not seeing any pagination there at all, screenshot here https://monosnap.com/image/VDUGxKJZhn0e01vtyUd705a1bq1v6U#

Could you let me know which shortcodes you are using on your appointments page please? ??

Thank you!

Kind Regards
Jack.

Hi Jack

Thank you for the reply. Like I said its in the very far right hand corner

I have done a screen grab for you – I have uploaded to dropbox

https://www.dropbox.com/s/o0lttg58z7edwyc/pagination.tiff

The pagination I am using is

[app_pagination step=”2″ month=”1″]

Please let me know ASAP

Cheers
Pete

The shortcodes I am using is these.

[app_monthly_schedule add=”1″]
<table>
<tbody>
<tr>
<td colspan=”2″>[app_my_appointments]</td>
</tr>
<tr>
<td>[app_services]</td>
<td>[app_service_providers]</td>
</tr>
<tr>
<td colspan=”2″>[app_monthly_schedule]</td>
</tr>
<tr>
<td colspan=”2″>[app_pagination step=”2″ month=”1″]</td>
</tr>
<tr>
<td colspan=”2″>[app_login]</td>
</tr>
<tr>
<td colspan=”2″>[app_confirmation]</td>
</tr>
<tr>
<td colspan=”2″>[app_paypal]</td>
</tr>
</tbody>
</table>

Hey Pete,

Many thanks for your reply, working with Jack on this ??

I see that div.appointments-pagination .next element has “position:absolute;” defined in its CSS.

However, absolute positioning works relatively to the position of the parent element only if that element has “position”relative;”. So you will have to add “div.appointments-pagination { position:relative;}” in your CSS.

https://www.w3schools.com/cssref/pr_class_position.asp

So here is the CSS code that you’ll have to use :

.appointments-pagination {
    position : relative;
    margin-bottom : 150px
}

And this one as well, in order to fix the width of that element :

.next {
    position : relative;
    width : 100%;
}

Please let me know if that works for you ??

EXCELLENT !!!

It worked.. you guys rock.. Thank you for the great support. Fantastic..

Have a great weekend. Don’t work too hard ??

All the best

Pete

Hey Pete,

Many thanks for your reply and I’m really glad we were able to help ??

Please don’t hesitate to let us know if we can be of any further assistance!

Have a great weekend ??

You can .. its only a small thing George. I will submit a new ticket for it right now.

Hey Pete,

Sure thing ?? Just open a new support ticket and we’ll assist you further.