Pagination

[bestfitbybrazil]

infinite scroll just moves too slow.  even after i shrink product images.  and my products are going to continue to grow faster than i can delete them.  and when i turn it off and use the numbered pagination feature, its very hard to see the numbers because they don’t have boxes around them, and very limited functionality.  Is there a way to turn of this pagination and use another?  I tried to use this one https://wordpress.org/plugins/simple-pagination/ but it doesn’t seem to work (display).  Not sure if that’s because the theme version won’t turn off or something else.  I remember using another pagination in the past with this but the one with the theme still wouldn’t turn off so they both were showing.  what can i do?

[Harry]

Hi,

Please add custom CSS for pagination as number

.page-numbers {
margin: 6px 0;
}

.page-numbers li {
float: left;
margin: 0 5px;
color: #222;
border: 1px solid #ccc;
padding: 0 15px;
border-radius: 3px;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#eeeeee’, endColorstr=’#cccccc’,GradientType=0 );
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

much better, but its a little big.  the buttons wrap on mobile device.  how can i make this smaller and make the mouse hover or active button pink like the one there now? https://bestfitbybrazil.com/showallproducts/

[Harry]

Hi,

Please change prev code to

.page-numbers {
margin: 6px 0;
}

.page-numbers li {
float: left;
margin: 0 1px 0 0;
color: #fff;
border: none;
padding: 0;
border-radius: 0;
}
.page-numbers li a,
.page-numbers li span {
	color: #fff !important;
	background: #222;
	padding: 5px 12px;
}
.page-numbers li a:hover,
.page-numbers li span.current {
	background: #e640e6;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

Ok Great.  One last thing. Can you make so it shows page numbers at top center and keep it working at bottom also.  And finally the text “Page..” next to current page number like the one on bottom here. thx.

[Harry]

Sorry it can’t make on top and text like you want.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts