- This topic has 3 replies, 2 voices, and was last updated 4 years, 11 months ago by .
Viewing 3 reply threads
Viewing 3 reply threads
- You must be logged in to reply to this topic.
Home › Forums › WPStrong Themes › Elementy › SHOP PAGE NUMBERS
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
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%;
}
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