- This topic has 3 replies, 2 voices, and was last updated 4 years, 1 month 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
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.