Plugin Support
Elvin
(@ejcabquina)
Hi there,
I’ve checked your site and I didn’t see any pagination on it.
But to answer your question:
Assuming no edits on the plugin were done, we can center the pagination links using this CSS:
.wpsp-load-more {
text-align: center;
}
Thank you, @ejcabquina. That text-align seems to have worked for everything except the outlined current page number, which continues to be left aligned. Worth noting that I’m using the Show Posts plugin, the .page-numbers.current style seems to be part of my theme’s CSS:
`.page-numbers.current {
background: rgba(0,0,0,0);
padding: 5px 7px;
transition: all 0.4s;
font-weight:600;
font-size: 14px;
color: #000;
margin: 0 5px;
text-decoration: none;
border: 1px solid #000;
display: inline-block;
}
Plugin Support
Elvin
(@ejcabquina)
Ah right yes.
Your theme’s styling adds float: right to the current page.
try adding this to override it for WPSP.
.wpsp-load-more span.page-numbers.current {
float: none;
margin: 0;
padding: 0 5px;
}
margin and padding is optional but I’ve added it in incase you want to make it look a bit “fitting”.
Excellent! Worked like a charm. Thanks so much for your help.
Try this
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
Plugin Support
Elvin
(@ejcabquina)
Hi @vipulmoshi
that’s for woocommerce paginations. 🙂
But thanks for sharing. Help and input from the community is always welcome. 😀
