[Resolved] Center-align pagination

[Author]

Posts

[Daniel]

Hi,
On the Home page I built a table to show results and a pagination on bottom.

hidden link

You can see what I mean here:
hidden link

How can I center align the pagination?

Thanks!

[Luo Yang]

Hello,

You can try below CSS codes:

ul.pagination {
    display: flex;
    justify-content: center;
}

See my screenshot center-ul.JPG

More help:
hidden link

[Daniel]

Ok.
It worked on that View.
However, I tried the same on a similar View and it does not work.
See here:
hidden link

hidden link

What is different?
Thanks!

[Luo Yang]

I have tried the URL you mentioned above with my Chrome browser, it works fine, see my screenshot center-ul2.JPG

[Daniel]

I cleaned cache and repeated the process. I am doing exactly that:
hidden link

What is happening here? I can give you access to the site so you can take a look.
Thanks!

[Luo Yang]

I think you have missed this line in your CSS codes:

display: flex;

[Daniel]

Now I see it works on the Chrome inspector. But I cannot apply that CSS to the View.

hidden link

What am I missing?
Thanks again!

[Luo Yang]

Please share your website credentials in below private message box, thanks

[Luo Yang]

Thanks for the details, you are using broken CSS codes in "Search and Pagination"-> "CSS Editor" section, I have changed line 23 from:

    border-radius: 4px;

To:

    border-radius: 4px;
}

Please test again, check if it is fixed, thanks

[Daniel]

My issue is resolved now. Thank you!