Adding CSS

We recommend using the Simple CSS plugin to add custom styles. It keeps your changes separate from the theme (so updates won’t overwrite anything) and provides a clean, editor‑friendly UI.

Why this method

• Safe during theme updates
• Easy to manage and search
• No customizer clutter
• Great for small to medium tweaks

Setup

• Install Simple CSS https://wordpress.org/plugins/simple-css/
• Go to Appearance → Simple CSS
• Add your custom CSS and save

Example

/* Reduce banner padding on small screens */
@media (max-width: 767px) {
  .hayden-banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

Tip

If you’re doing larger styling work, use a child theme instead. Simple CSS is best for targeted overrides.