Pagecord Updates Avatar
Pagecord Updates

Customise your Pagecord blog with CSS! 🎨

Premium subscribers can now style their blog using custom CSS! This opens up a world of creative theme possibilities for your blog, such as:

  • Using a custom font from Google Fonts or Bunny Fonts
  • Changing the font size, spacing, or line height of your blog content
  • Adding a background image to your blog
  • Restyling your blog header, navigation, and post footers

Basically anything CSS can do, you can do! ✨

Getting started

Head to Settings → Appearance and scroll down to the new Custom CSS section. Here you'll find a nifty CSS code editor which comes with syntax highlighting and auto-complete.

Add your custom CSS to the editor and click Update to see these changes on your blog. There is some rudimentary syntax checking, but if there's an issue it's not clever enough to tell you specifically what's wrong with your CSS. You can use an online validator or AI if you get stuck.

By way of example, here's how you would set up a centred navigation and blog header:

/* top navigation (social links etc) */
nav {
  justify-content: center;
}

/* blog title */
.titlebar {
  justify-content: center;
}

/* bio content */
.bio {
  text-align: center;
}

/* if you have an avatar, this will align it vertically with the 
   blog title */
.avatar-container {
  flex-direction: column;
  align-items: center;
}

I've put together a help guide at https://help.pagecord.com/custom-css with examples and a reference for the blog's HTML structure. If there's something missing or you think should be added, please let me know.

I'd really like to create a CSS gallery on the website that showcases the most creative uses of custom CSS from Pagecord customers, so please send an email or tag Pagecord on X or Bluesky if you've created something cool.

Uploaded image
A few early examples of customisation from beta testers

A note on customer support

The Custom CSS feature is considered to be advanced, so customer support for creating or debugging your custom CSS styles isn't possible – you're on your own with this one! AI chatbots like Claude, Gemini and ChatGPT are very good at it though, so if you get stuck they should be your first port of call.

The feature is only available for Premium subscribers, but new customers can get to experience it during their 14-day trial. Hopefully you'll find it a fun addition to Pagecord – and please continue to spread the word!

Happy styling! 🧑‍🎨