Hi all,
Rhetorical question: why is the CSS in the latest Bootstrap 5 Power Pages templates so complex? It ignores the old coding principle DRY (don't repeat yourself). CSS works through the cascade and specificity, but there are so many layers of CSS that it's a headache to customize these Power Pages sites.
Bootstrap 5 is a great UI framework, yet Power Pages still ships with theme.css that overrides much of the Bootstrap 5 CSS, and then Portalbasictheme.css overrides those styles, and finally they include Preform.BootstrapV5.bundle.css which also overrides the styling of many elements again. Why do they do this?
Couldn't Bootstrap 5 CSS provide base styling without so many overrides? All the Style Editor should do is modify colors, but instead it does a poor job of styling a handful of other selectors including fonts, buttons and tables. Theme.css should only modify the Power Pages elements not included in Bootstrap 5. It contains errors and incomplete attributes.
It's disappointing. CSS feels like an afterthought by the Power Pages team. I was hoping for a quality implementation of Bootstrap 5, but what we have is a band-aid patch. I hope eventually they refactor the entire implementation. In the meantime it's a time-consuming headache to customize Power Pages.
Cheers, Jady
oliver.rodrigues
2
Most Valuable Professional
Fubar
2
Super User 2025 Season 1
Ajlan
2