SHOP PAGE NUMBERS

[marisa_sias]

Hi,
how can we do to get the store page numbers like in your demo?
https://www.siasstudio.com/wp-content/uploads/2018/07/Schermata-2018-06-05-alle-10.09.39.png

Here you can see how shows our store page number https://www.siasstudio.com/negozio/

Thanks for your precious support!!!

Best regards

Marisa

[Maria Do]

Hi

In new version of Woocommerce some class is changed. You can add new custom css code for your site. For example:

nav.woocommerce-pagination {
text-align: left!important;
}

nav.woocommerce-pagination ul {
margin: 0;
padding: 0;
list-style-type: none;
border:none!important;
}
.woocommerce nav.woocommerce-pagination ul li {
border:none!important;
}
.woocommerce-pagination li .page-numbers.current {
background-color: #eee;
color: #2a2b2f;
}
.woocommerce-pagination li .page-numbers {
display: inline-block;
background-color: transparent;
border: none;
color: #2a2b2f;
float: left;
line-height: 1.42857;
position: relative;
text-decoration: none;
margin-right: 3px;
width: 29px;
height: 29px;
text-align: center;
line-height: 30px;
font-family: “Poppins”, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

[marisa_sias]

Hi Sen Do and thanks for your reply!
I like so much the new design of my shop page numbers!!! Thanks a lot!.

Best regards.

Marisa

[Maria Do]

Thank you.

[Author]

Posts