Customizing Microsoft Power Pages with CSS

Microsoft Power Pages, part of the Power Platform, allows organizations to develop public-facing websites utilizing the Dataverse as its database. While Microsoft Power Pages has come a long way since its inception as Adxstudio, certain features are not yet built into the Power Pages design studio. One of these features is full control of page styling using CSS. While basic styling is available within the design studio, a more granular approach to stylizing Microsoft Power Pages sites requires custom CSS.

What is CSS?

CSS, or cascading style sheets, is a styling language used to specify the presentation and styling of a document written in HTML. Put simply, CSS separates the style component of a website from how that website actually functions (HTML handles the functional component). When CSS is combined with HTML, a website looks good and functions properly.

Why use custom CSS with Power Pages?

By default, the Power Pages design studio – at the time of this publication – allows for minimal configuration of site appearance. Such basic configurations include a limited font selection; font weight, colors, and sizes; and link text behavior, among others. With CSS, however, you can control the look and feel of most webpages at a very granular level, including custom hover behavior, field outlines, and much more.

How do I implement custom CSS with Power Pages?

CSS files are stored within Microsoft Power Pages web files and can be accessed directly via the Power Pages Management model-driven app. You can either create a new Microsoft Power Pages web file to store your custom CSS, or you can upload it graphically via the Power Pages design studio. Please note that you should NEVER modify, delete, or otherwise change the bootstrap.min.css, theme.css, or portalbasictheme.css web files as they are required for your Microsoft Power Pages site to function correctly. Instead, override the theme.css file by using your custom CSS.

Contact Beringer Today!

We love to implement Microsoft Dynamics 365 and Power Platform solutions here at Beringer.  We’ve been working with Microsoft Dynamics since its inception, and we’re always finding innovative ways to implement the latest tools and help automate business processes.

Beringer Technology Group, a Microsoft Solutions Partner for Business Applications, specializing in Microsoft Dynamics 365 and CRM for Distribution also provides expert Managed IT Services, Backup and Disaster Recovery, Cloud Based Computing, Email Security Implementation and Training, Unified Communication Solutions, and Cybersecurity Risk Assessment.