Rush - Help Center

Appearance

Code My Own Themed Tracking Page Customization FAQs ​

Overview ​

This article addresses and answers the most common questions about customizing the tracking page theme.

TIP

Before making any edits to customize the theme, we recommend copying and pasting the HTML code into a backup file. This backup will serve as a reference in case you accidentally delete something important in the theme.

Set Up the DIY Theme ​

To style the tracking page using the DIY theme, follow these steps:

  1. Select Apps from the navigation sidebar on the left.
  2. From the list of installed apps, select the Rush app.
  3. Select Tracking Page from the left navigation sidebar.
  4. If you already have the Code My Own theme set up, click the Customize button. If not, follow these steps:
    • Go to the Themes section and click the Add button for Code My Own theme.
    • Enter a Page title you like and click the Add page button.
    • Click the Save button to save the changes.
  5. Navigate to the Tracking Page code section and make the required edits in the code.

FAQs ​

How can I change colors on the tracking page? ​

The most important colors are defined at the top of the page as CSS variables. Edit these variables to update the page colors and style.

How to change the font of the tracking page? ​

To change the font, add the font with the @import directive in the <style> tag before :root. For example:

css
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

* {
  font-family: 'Poppins', sans-serif;
}

How to Update Text on the Page ​

To update text on the tracking page, such as changing the title from "Track Your Order Live" to "Track Orders", follow these steps:

  1. Use Ctrl + F to search for the text "Track Your Order Live" and replace it with "Track Orders".
  2. Remove the data-i18n attribute from the text element. This attribute allows text to be translated based on the selected language. Removing it will make the text static. For more information, refer to the note below.
  3. Click the Save button to apply your changes.

TIP

Removing the data-i18n attribute will prevent the text from changing according to the selected language in settings or when the user selects a different language from the dropdown. This approach is suitable if you want a single-language tracking page. Alternatively, you can create a custom language and adjust translations as needed. For more details, refer to the Add a New Language article.