--- title: "Style default error pages in a Rails app" author: "Yaroslav Shmarov" date: "2023-03-14" canonical_url: "https://blog.superails.com/style-default-error-pages" markdown_url: "https://blog.superails.com/style-default-error-pages.md" description: "Series: Add custom error pages in a Rails app Style default error pages in a Rails app inside /public folder DRY custom error pages Previously I wrote about…" tags: ["ruby-on-rails,","error-pages,","404"] license: "GNU AGPL v3. Credit Yaroslav Shmarov and link the canonical URL." --- # Style default error pages in a Rails app Series: 1. [Add custom error pages in a Rails app](https://blog.superails.com/custom-error-pages) 2. [**Style default error pages in a Rails app inside /public folder**](https://blog.superails.com/style-default-error-pages) 3. [DRY custom error pages](https://blog.superails.com/dry-custom-error-pages) Previously I wrote about adding [Adding custom error pages in a Rails app](https://blog.superails.com/custom-error-pages). If you don't want to go that way, you can just style the existing error pages that are stored in the `/public` folder with CSS. Here is some example CSS styling I did for a page: ![styled 404 page](https://blog.superails.com/assets/images/styled-404-page.png) Feel free to copy my `public/404.html` and use it in your app: ```html The page you were looking for doesn't exist (404)
mylogo
404.
Page not found
Back to home page
Visit help center
``` You can use the same template for `/422.html` and `/500.html`, just change the text. To make it look nice, be sure to have a `public/404logo.png` file present. Here is the image I use. Please do not reuse it! ![404 facial expression](https://blog.superails.com/assets/images/404logo.png) Hope this post helps you to build faster!