Why are the submit boxes blacked out on parcel panel?

Store Design

Topic summary

A Shopify store owner encountered an issue where submit buttons on the Parcel Panel tracking app appeared blacked out, making the text invisible.

Problem: The submit boxes on the order tracking page had black text on a dark background, rendering them unreadable.

Solutions Provided:
Multiple users offered CSS fixes with slight variations:

  • Option 1: Add CSS code to the base.css file targeting specific button classes
  • Option 2: Insert CSS code in theme.liquid file above the </head> tag using {% style %} tags
  • Option 3: Similar approach targeting .pp_tracking_button button class

All solutions use color: #fff !important; to force white text color on the buttons.

Resolution: The issue was successfully resolved after the store owner implemented one of the suggested CSS fixes. The problem stemmed from a styling conflict between the Parcel Panel app and the store’s theme.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello, I added the parcel panel tack your order to my shopify site. For some reason the boxes where you submit your information are blacked out.

Does anyone know how to fix this? Anything would help, thanks.

My store URL: https://focusedonfitness.store/

mikestickle18_0-1740356672338.png
mikestickle18_0-1740356672338.png1637Ă—627 18 KB

1 Like
2

Hi @mikestickle18 , Go to base.css file and add the following code to it :

button.pp-button-enter.button-enter.btn.button.styled-submit.pp_enter_submit1 {
    color: #fff !important;
}

button.pp-button-enter.button-enter.btn.button.styled-submit.pp_enter_submit0 {
    color: #fff !important;
}

Result:

Abdosamer_0-1740357079719.png
Abdosamer_0-1740357079719.png1153Ă—501 13.4 KB

3

Hi @mikestickle18
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag
Here is the code for Step 3:

{% style %}
.pp-button-enter.button-enter.btn.button{
    color: #fff !important;
}
{% endstyle %}

Screenshot_3.png
Screenshot_3.png1419Ă—885 51.2 KB

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

1 Like
4

Hi @mikestickle18

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.pp_tracking_button button {
    color: white !important;
}
{% endstyle %}

DaisyVo_0-1740369743978.png
DaisyVo_0-1740369743978.png1396Ă—753 34 KB

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.

5

Thanks a lot! That worked!