---
title: 'Front End Styles'
url: 'https://manuals.remository.com/payage/front-end-styles'
markdown: 'https://manuals.remository.com/payage/front-end-styles.md'
date: '2026-11-14'
description: 'Chapter 12 Front End Styles Payage loads its own CSS file to style the payment buttons, the Invoice Request page, and invoices. /media/com_payage/css/payage.css You should not change this file because it will be overwritten when you update or reinstall Payage.'
taxonomy:
  category:
    - docs
---

[](#) [ edit this page](https://github.com/getgrav/grav-skeleton-rtfm-site/blob/develop/pages/13.front-end-styles/chapter.md) 

### Chapter 12

# Front End Styles

Payage loads its own CSS file to style the payment buttons, the Invoice Request page, and invoices.

```
/media/com_payage/css/payage.css
```

You should not change this file because it will be overwritten when you update or reinstall Payage.

 [ ](https://manuals.remository.com/payage/configuration/joomla-component-configuration) [](https://manuals.remository.com/payage/front-end-styles/how-to-override-the-supplied-styles)

---

## Navigation

- Previous: [Configuration](https://manuals.remository.com/payage/configuration.md)
- Next: [Language Files](https://manuals.remository.com/payage/language-files.md)
- Children:
  - [How to Override the Supplied Styles](https://manuals.remository.com/payage/front-end-styles/how-to-override-the-supplied-styles.md)
  - [Payment Buttons](https://manuals.remository.com/payage/front-end-styles/payment-buttons.md)
  - [Payment Button Layouts](https://manuals.remository.com/payage/front-end-styles/payment-button-layouts.md)
  - [The Invoice Request Form and Invoices](https://manuals.remository.com/payage/front-end-styles/the-invoice-request-form-and-invoices.md)