4 Styling with Tailwind CSS

 

This chapter covers

  • Installing Tailwind CSS from a content delivery network
  • Installing Tailwind CSS for production websites
  • Styling your base template to render global components
  • Styling your specific templates to match your global theme

Before you continue it’s a good idea to style the templates you’ve been working on. They don’t need to be perfect by any means, but your website should look like a basic website at a bare minimum, rather than plain text on a white background. The reason it’s a good idea to style some of your templates as you progress through Wagtail CMS in Action is to help reduce confusion when you add a lot of content to your templates. If your pages just look like giant walls of text and you come back to this chapter later on, you’ll likely be confused about where you left off and what your site is supposed to look like.

4.1 Installing Tailwind CSS

 
 

4.1.1 Quick Tailwind installation

 
 

4.1.2 Proper Tailwind installation

 
 
 
 

4.2 Base template and home page styling

 
 
 

4.3 Blog page styling

 
 
 
 

4.4 Summary

 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest