Customer Portal CSS Classes

Classes to customize your customer portal

Updated over a week ago

Here are a few starting points for customizing your customer portal even further!

It is important to note that changing font sizes on desktop can cause issues on smaller screens such as mobile devices.

If you want to change the main font, here is a list of web safe fonts you can choose from. (We do plan on adding Google fonts soon to pick from as well)

Headings & Text

  • body

    • The underlying style of all text

  • .text-xl

    • Medium headings such as the customer name, intro headline, announcement titles, etc.

  • .text-2xl

    • Large headings such as "Orders" and "Announcements"

  • .font-medium

    • Medium size text such as Menu items, intro paragraph, etc.

  • .form-label

    • Smaller in-line text such as order date, amount, etc.

Buttons

  • .btn

    • The underlying style of all buttons

  • .btn--primary

    • The featured button in the top right

Did this answer your question?