# CMS Styling

To manage the CMS content on your store, you are welcome to use the default Magento 2 content editor or style the content by adding custom classes and styles to the HTML of your desired page or block. 

To use predefined classes and styles that are present in the ScandiPWA theme by default, please refer to the following style guide:

### BUTTONS:

|                                                           |                                                                                                                                                                                                                                                              |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| \<a class="Button" href="/" >BUTTON\</a>                  | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgVjPCPSnG6ycmzv_b%2FScreenshot%202020-10-15%20at%2016.44.24.png?alt=media\&token=b8b9dd10-86ac-4b2a-9602-6eb38b188523) |
| \<a class="Button Button\_isHollow" href="/" >BUTTON\</a> | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgVsC-9Q3iLsu7IiEe%2FScreenshot%202020-10-15%20at%2016.46.46.png?alt=media\&token=e4d24a0c-a625-42e7-842d-72fb6097065e) |

### FONTS:

|                                      |                                                                                                                                                                                                                                                              |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| \<h1>Muli 30px\</h1>                 | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgPZ1qDJfDID7H1NV2%2FScreenshot%202020-10-15%20at%2015.57.52.png?alt=media\&token=77586540-a1ac-48f3-a8a0-faa44e1e4cc1) |
| \<h2>Muli 24px\</h2>                 | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgQ2xDpJs1khuYTwcU%2FScreenshot%202020-10-15%20at%2016.21.20.png?alt=media\&token=23b27b19-857d-444f-9f55-0d7ac705eb82) |
| \<h3>Muli 18px\</h3>                 | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgRXQ203XVkUWRLa3r%2FScreenshot%202020-10-15%20at%2016.27.33.png?alt=media\&token=7cf160c3-da46-4696-b648-c211e773211f) |
| \<h4>Muli 14px\</h4>                 | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgS3v2zi_VIU_RG5hH%2FScreenshot%202020-10-15%20at%2016.30.13.png?alt=media\&token=ff3c78bc-d09e-46b4-b764-0e897cf9bb5b) |
| \<p>Muli 14px\</p>                   | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgTJoU5Vnsv8Ad_2XW%2FScreenshot%202020-10-15%20at%2016.31.41.png?alt=media\&token=ce162db6-b238-413c-85e3-dae72dad017f) |
| \<blockquote>Muli 14px\</blockquote> | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgU2qxZ6nwnazxEhZb%2FScreenshot%202020-10-15%20at%2016.38.40.png?alt=media\&token=72fb3b59-e371-4a96-ac52-8b2c9080df6f) |
| \<li>Muli 14px\</li>                 | ![](https://3993793926-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MJgGX6UJdZCg_K6NWdZ%2F-MJgXg1JQfvwSk6LMn8_%2FScreenshot%202020-10-15%20at%2016.54.25.png?alt=media\&token=5bf84a93-23e8-4e4b-a7d4-976a72e00a78) |