[Resolved] Pagination design

[Author]

Posts

[bouchairY]

Hello
I try to apply pagination design in this page :
hidden link

to a page created viia views plugin

hidden link

Thank you for your help

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - with following links you can find all the information how you can use pagination with views:
=> https://toolset.com/documentation/user-guides/views-pagination/
=> https://toolset.com/documentation/beyond-the-basics/paginate-lists-of-content/

Your query is to style the pagination as per the example you shared and that demands custom CSS and you should have knowledge about how you can style the CSS in such a way that your current pagination should looks like the example you shared.

Unfortunately - to offer support for custom CSS is beyond the scope of our support policy but please feel free to contact our certified partners for your any custom programming needs:
=> https://toolset.com/contractors/

[bouchairY]

Hello
I have open this ticket following
https://toolset.com/forums/topic/featured-image-cropping-2/

is it normal that the standard pagination is vertical ?

Thank you

[Minesh]

no - the standard pagination should not display vertical but there must be some CSS conflict.

You should try to add following CSS code to your view's loop output editor's CSS box as following code will help you to display pagination horizontally.

.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container.pagination li {
float: left;
padding-right:10px;
}