Customize your tracking page via CSS codes

By default, the tracking page auto-inherits styles from your store theme. If you want to make some custom changes, here are the instructions.

**Note**: some basic understandings of CSS code may be required, if you can't figure them out, don't hesitate to contact us directly, we are always here to help you.

[TOC]

#### Center the tracking page title

`.pp_tracking_title{text-align: center;}`

#### Center the tracking section

.pp_tracking_form{text-align:center;display: block !important}
    .pp_tracking_form input{display: inline-block !important}

#### Customize the input fields

`.pp_tracking_content form .pp_tracking_parent .pp_tracking_input span input{padding:10px;border:1px solid #040404;}`

#### Customize the track button

`.pp_tracking_content button{background: #000 ;border: 1px solid #000 ;color: #FFFFFF;border-radius: 2px;padding: 10px 22px;}`

#### Add some padding to the top of the tracking page

`@media screen and (min-width: 768px) {.pp_tracking_content {padding-top: 160px !important;} }`

#### Solve the issue that the order status's text is overlapped

`.pp_tracking_content .progress-bar-style > .progress-bar-node > span > b {word-wrap: break-word !important;width: 108px;}`

#### Change the colour of the icons above progress bar

`.pp_tracking_content>.pp_tracking_result>.progress-bar-style>.progress-bar-node svg {fill: #ffffff;}`

#### Change the colour of tracking detailed info

`.pp_tracking_result_parent {color:#172338;}`

#### Solve the issue that there are some black points in the product recommendation section

`.pp_tracking_content>.pp_recommend_product_parent>ul.pp_recommend_product>li{list-style-type:none;}`

#### Solve the issue that there are some black points on the left of the tracking detailed info

.pp_tracking_content>.pp_tracking_result>.pp_tracking_right>.pp_tracking_info_parent>li{list-style-type:none;}
    .pp_tracking_content>.pp_tracking_result>.pp_tracking_right>.pp_tracking_info_parent>li:before{background-color: #fff;}
    .pp_tracking_content>.pp_recommend_product_parent>ul.pp_recommend_product>li{list-style-type:none;}
    .pp_tracking_content>.pp_recommend_product_parent>ul.pp_recommend_product>li:before{background-color: #fff;}
    .pp_tracking_left>.pp_tracking_result_parent li{list-style-type:none;padding-left: 0 !important;}
    .pp_tracking_left>.pp_tracking_result_parent li:before{background-color: #fff;}