How to change font color on order tracking page?

Store Design
1

I am tracking an order from a order confirmation page:

Solomond_1-1710325862160.png
Solomond_1-1710325862160.png834×480 181 KB

When I get to the tracking page the font text is all white so doesn’t show the details to the customer:

Solomond_0-1710325805369.png
Solomond_0-1710325805369.png1920×1080 319 KB

Does anyone know how to change the font colour to black?

thanks

2

Hello @Solomond ,
To fix the issue of the white text not showing on the tracking page, you can apply CSS properties to change the color of the text. Here’s a basic example of how you can do this:

/* Apply CSS to change the text color to black */
.tracking-details {
    color: black;
}

/* If necessary, adjust the font size and weight */
.tracking-details {
    font-size: 16px; /* adjust the font size as needed */
    font-weight: normal; /* adjust the font weight as needed */
}

You can add these CSS rules to your website’s stylesheet. Make sure to replace .tracking-details with the appropriate class or selector for the element containing the tracking details on your tracking page.

Additionally, you may need to inspect the elements on your tracking page using developer tools in your web browser to identify the specific class or selector for the text that needs to be changed. Once you’ve identified it, you can apply the appropriate CSS properties to override the white text color.
If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you. Provide me with the URL for the store you mentioned in your query? Additionally, if the store is password protected, could you share the password as well?

3

Hi, thanks for this. Can you walk me through the steps of how add this code to the website stylesheet?

4

Hello @Solomond ,
Yes Sure, But Please Share Your Store URL I Will Do For You Then Just you have to Follow the Path because here I need to find the css file.

5

Hi, the url is www.hobbster.co.uk. How can I send you the collaborator request code?

6

Hello @Solomond ,
For Your Queries, i have to Place an Order then the image will show Where the Font Text is not displaying.
See Like this :

oscprofessional_0-1710329169632.png
oscprofessional_0-1710329169632.png1171×810 141 KB

If you Know the CSS element you can follow this path.
Go to the Online Store-> Theme-> Edit code-> Assets> base.css → Add code at the bottom

7

Sorry if i am not following precisely what you’re saying. You’re saying in ‘Assets> base.css’ - apply this code exactly as per below:

/* Apply CSS to change the text color to black */
.tracking-details {
color: black;
}

/* If necessary, adjust the font size and weight /
.tracking-details {
font-size: 16px; / adjust the font size as needed /
font-weight: normal; / adjust the font weight as needed */
}

8

Morning, are you able to clarify my last question?

9

Hi Solomond, it seems that you’re using ParcelPanel. We have 24/7 customer support. Don’t forget that we also offer free expert service for those who need to modify the styles of fonts, colors, etc. on their order tracking page. ParcelPanel’s customer service will always prioritize your needs. So, just reach out via the live chat after you log in to our app, and we’ll take care of it. :hugs: