cancel
Showing results for 
Search instead for 
Did you mean: 

Changing the color of the bar on top of packing slip

SarahATX
Moderator
Moderator

Original post by user Jennifer Burke

 

I want to change the color of the bar across the top that says packing slip from gray to my brand color.  I cannot figure out the code to make this work and where to put it.  I have tried several things with no luck.  Can someone help?

Thank you!

1 REPLY 1

SuperMgr-Sarah
Employee
Employee

The best way to do this is by adding some CSS <style> tags to the Order Header section of your packing slip code. Try adding the following: 

 

<style>
th {
        background-color: red;
    }
</style>

 

Where "red" is your brand color. You can add web-safe colors or use hexadecimal color codes here. This will change the background color for both the table head row that says "Packing Slip" and the table head row for the item list. 

 

If you only want it to affect the Packing Slip table head row, add a class name to that row in the html and then modify the code like this: 

<style>
th.classname {
        background-color: red;
    }
</style>

Where "classname" is the actual class name you added to the <th> tag.

Sarah H.
Austin, Tx