CSS help for pagination

Support
#1

Hi all,

Back in July I was looking for help with displaying more pages for the standard X pagination object. You guys gave me a great solution - thread is HERE.

I’ve now got to the point where the pagination row reflows at mobile breakpoints. However the spacing between rows is too small - see below:

I’ve been trying to find the CSS class to change, but without any luck. I tried .x-pagination li but that totally broke the reflow.

I’d like to add some space between the rows, and add some additional space below (which I think is the x-pagination div, right?)

Could you please point me in the right direction? Thanks in advance!

#2

Hi Gee,

I cannot access the domain you have on latest license.
Though generally, using Integrity like this demo, the following should work:

.x-pagination {
    height: auto;
}
.x-pagination li {
    display: inline-block;
    margin-bottom: 20px; /*Adjust this value accordingly*/
}

If this that CSS doesn’t achieve what you want, we need you to share exact blog URL. Make sure we can access without any password. Thank you.

#3

Sorry for the delay - CloudFlare login was borked for most of the day :slight_smile:

That worked great! Thanks so much.

#4

We are delighted to assist you with this.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.