This article can help you understand how to customize your Tracking page via CSS.

Please add the CSS codes in the track123 > tracking page > customize > CSS

Note: If you don't know how to do this, you can always contact us to help you. 😄

Center your tracking form title

.track123_track_form_title {text-align: center !important;}

Change title font size

.track123_track_form_title {font-size: 25px;}

.track123_form_button {
background: #334fb4;  
border: 1px solid #334fb4;  
color: #FFFFFF;  
border-radius: 2px;  
padding: 10px 22px;
}

.track123_form_button:hover {
   background-color: #b67721;
   color: #ffffff;
   border-radius: 2px;
}

.track123_form_button:after {
   border-radius: 2px;
}

.track123_form_wrapper{
  background-color: #583C16;
  color: #ffffff;
}

.track123_form_field{
  color:#000000
}

.field:after {  border: 0.1rem solid #f44336;  box-shadow: none;}
.track123_form_input {  padding: 10px !important;}

 .track123_track_content{
  color: #000000;
  font-family: 'Playfair Display';
}

.track_form {  padding-top: 100px;}

.track123_icon svg circle, path {   fill: #9e9e9e !important; stroke: #333333 !important}

.track123_result_title { font-size: 14px; font-weight: 600; }

.track123_order_status { font-size: 14px; font-weight: 600; }

.track123_order_step_line_status_name { font-size: 14px; font-weight: 600; }

.track123_order_step_line_time { font-size: 14px; font-weight: 600; }

.track123_order_detail_title { font-size: 14px; font-weight: 600; }

.track123_track_date { font-size: 14px; font-weight: 600; }

.track123_track_desc { font-size: 14px; font-weight: 600; }

.track123_order_package_title { font-size: 14px; font-weight: 600; }

.track123_order_detail_sub_title{ font-size: 14px; font-weight: 600; }