Good morning Tagdiv team,
I hope you will be able to help me.
On my website I am using a Post Loop withpagination to display 6 of my latest articles.
My question is: What solution could you give me in order to make those pagination buttons bigger? (just the circles, not the numbers) https://ibb.co/rmHySz9
My settings: https://ibb.co/30tzr6h
Thank you very much in advance and thank you for your amazing support.
Hello!
Please try to add a value in this field which is suitable for you(for example 22): https://www.screencast.com/t/URhErsQuPn5
Thank you!
Thank you for your help Bettina, I have tried a padding of 10, I get the right height but the width of my circles are still too narrow: https://ibb.co/k40t19t
What is the next step to get a perfect circle?
If there is no simple answer, would it be possible for you to send me a custom css for this?
Many thanks!
Hello!
Try with this CSS code:
.page-nav a, .page-nav span {
padding: 0;
width: 52px;
line-height: 50px;
}
Please note that you need to delete the padding from the settings.
Let me know about your results!
Thank you!
You made my day Bettina! You’re amazing, look at that 🙂
It is perfect, thank you so much!
That would be very cool, to expose expose these settings in the tagdiv composer for the next theme update. So everyone can enjoy it 🙂
Hello @slivertorp!
I’m glad you have managed to solve the issue.
We will take in consideration your request!
Thank you!
Hello @slivertorp!
Add also this CSS code from here:
.tdb_loop .td-next-prev-wrap a, .tdb_loop_2 .td-next-prev-wrap a {
line-height: 50px !important;
min-width: 52px !important;
min-height: 50px !important;
font-size: 18px !important;
}
Please note that you need to set the border radius: 100 in the element’s settings.
Thank you!
Thank you very much Bettina =)
