# Custom Quote Template

**URL:** <https://community.hubspot.com/t/custom-quote-template/88841>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [September 1, 2023, 7:57pm UTC](https://community.hubspot.com/t/custom-quote-template/88841 "2023-09-01T19:57:21Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![ModuleMaestro](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/modulemaestro/32/32546_2.png) [@ModuleMaestro](https://community.hubspot.com/u/ModuleMaestro)\
**Post date:** [September 6, 2023, 12:17pm UTC](https://community.hubspot.com/t/custom-quote-template/88841/4 "2023-09-06T12:17:45Z")

</div>

Thanks for the message! Sharing here for transparency, it seems that the use of the following CSS to add the page numbers:

```lia-code-sample
@page{
 @bottom-center {
 content: "Page " counter(page) " of " counter(pages);
 }
}

```

Isn’t working. I believe this has to do with how the @page at-rule actually operates in most browsers and the fact it’s not widely implemented as seen [here](https://developer.mozilla.org/en-US/docs/Web/CSS/@page#page-descriptors:~:text=Warning%3A%20The%20margin%20at%2Drules%20have%20not%20been%20implemented%20by%20any%20user%20agent%20(updated%3A%20August%202023).). You can set up a basic JS fiddle like this: [https://jsfiddle.net/n24hfv7k/](https://jsfiddle.net/n24hfv7k/) to test this implementation further but from what I can see this wouldn’t display in HubSpot either.

---

_[View the full topic](https://community.hubspot.com/t/custom-quote-template/88841)._