Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X
How to apply CSS for pagination widget?
I need to reduce the height and width of pagination widget.
Solved! Go to Solution.
.widget-ptcspagination::part(carousel)::part(page-number-button){
min-height:20px !important;
height:20px !important;
}
.widget-ptcspagination::part(carousel)::part(right-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
.widget-ptcspagination::part(carousel)::part(left-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
Used above CSS codes
Hi,
You can find some information about custom CSS property for the paging widget here: https://community.ptc.com/t5/ThingWorx-Developers/display-only-2-pages-for-pagination-widget/td-p/669050
.widget-ptcspagination::part(carousel)::part(page-number-button){
min-height:20px !important;
height:20px !important;
}
.widget-ptcspagination::part(carousel)::part(right-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
.widget-ptcspagination::part(carousel)::part(left-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
Used above CSS codes