Custom Styles

Advanced Customizations

Customize your site's appearance by adding custom CSS at the global level or on individual pages. Custom CSS fields are located in Global Settings and Data → Customizations, as well as in the Customizations section of each page.

Some themes also provide color pickers for adjusting theme colors. These theme settings are available in the same customization sections.

Styling Blocks

Blocks can be styled independently by assigning custom CSS classes to them through the block settings. You can open the settings by clicking on the ⋮⋮ symbol next to a block on hover. Then apply custom CSS targeting those specific classes to isolate block styling from your global styles.
Scripts & Integrations Cookie Banners
Open Graph & Favicons
Automad takes care of most metadata and icon-related details automatically, so pages are ready for browsers, devices, and social platforms right from the start. Without any configuration, sensible defaults are generated for things like page titles, descriptions, icons, and social previews. At the same time, Automad keeps everything transparent and flexible, making it easy to customize or override individual parts whenever more control is needed.
Multilingual Sites
in case your target group of visitors is spread all over the world and you need to provide your content in different languages, Automad's build in language router lets you easily server different content base on a visitor's locale. Follow the steps outlined on this page to convert your site into multilingual web presence. 
Scripts & Integrations
Automad allows you to inject custom HTML markup and JavaScript code into your site either globally or on individual pages. This capability enables seamless integration with third-party services such as analytics platforms and commenting systems.
Cookie Banners
Automad automatically displays a cookie consent banner when a page includes embedded third-party content, such as YouTube videos, SoundCloud embeds, social media posts, or similar elements. This ensures your site remains GDPR compliant.
Page Versioning
Automad automatically maintains a page history by creating snapshots of your page settings and text content as you edit. To restore a previous version, open the More dropdown menu in the top right of the page settings and select Restore a previous version. When you restore a page, the previous revision is created as a new copy alongside the original page. The homepage is handled differently since it serves as the root page — it will be restored in place rather than duplicated.