Calum Harrison logo
  • Home 
  • Tags 
  • About Me 
  1. Home
  2. Posts
  3. FREE custom Bootstrap themes for Power Pages 🎨

FREE custom Bootstrap themes for Power Pages 🎨

Posted on February 16, 2025  (Last modified on March 17, 2025) • 2 min read • 369 words
Power Pages   Bootstrap   Design  
Power Pages   Bootstrap   Design  
Share via
Calum Harrison
Link copied to clipboard

On this page
  • Bootswatch
  • Build time
  • Conclusion
FREE custom Bootstrap themes for Power Pages 🎨
Photo by RhondaK on unsplash

Creating a pretty custom theme for Power Pages can be time-consuming, with countless decisions to make such as choosing the right colours or deciding whether buttons should be rounded or squared. With so many options, it’s easy to lose valuable time that could be better spent developing core functionality.

So I have shared one of my favourite sites that makes getting started super simple and you don’t even need to write any lines of code 🀯

Image of a landing page using the quartz theme from Bootswatch.
Image of a landing page using the quartz theme from Bootswatch.

I created the above landing page using one of their available themes, and I’ll show you the steps to be able to do the same.

  Important

Please take time to review Bootswatch MIT licence before using this on a project.

Bootswatch  

Bootswatch is a free library of custom Bootstrap themes that can be used for styling websites. It has lots of custom themes that you can preview and see what you fancy. I built the landing page by using the Quartz theme but I also really like the LUX theme.

Image of the LUX theme from Bootswatch.
Image of the LUX theme from Bootswatch.

Build time  

  • Headover to the Bootswatch Github and download the zip file to your computer.
  • Unzip the downloaded folder.

  Note

At the time this blog post was created Power Pages supported 5.2.2

To allow the Bootswatch theme to filter through any predefined styling needs to be deactivated.

  • Open the portal management app and under your website record deactivate the following web files.

    • portalbasictheme.css
    • theme.css
  • Open the bootstrap.min.css web file and upload the boostrap.min.css file from the Bootswatch folder and save the web file.

Image of the bootswatch theme files downloaded to a computer.
Image of the bootswatch theme files downloaded to a computer.
Image of the bootswatch theme files downloaded to a computer.
Image of the bootswatch theme files downloaded to a computer.
  • Sync Power Pages and you should notice the colours coming through from the custom theme you have applied.

Conclusion  

😊Thanks for reading! When the out of the box styling options in Power Pages don’t meet your needs, Bootswatch custom themes can be a game-changer.

Bootswatch allows you to quickly apply a professional and visually appealing theme to your website, enabling you to focus more of your time on functionality and other key features.

Have a great day!

 Dark mode in Power Pages 🌚
Availability monitoring for Power Pages 🌍 
On this page:
  • Bootswatch
  • Build time
  • Conclusion
Follow me on LinkedIn

 
Copyright Β© 2025 Calum Harrison. | Powered by Hinode.
Calum Harrison
Code copied to clipboard