Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - Customize & Extend
Answered

Custom themes, headers and footers

(0) ShareShare
ReportReport
Posted on by 6

Hi guys,

 

Just wondering if there is a way for us to:

 

  • Create our own headers and footers
  • Bring in our own theme / custom code / stylesheets / javascript etc
Categories:
  • dcsdigital Profile Picture
    6 on at
    Re: Custom themes, headers and footers

    Great, thank you 😀

  • Verified answer
    ragavanrajan Profile Picture
    7,036 Most Valuable Professional on at
    Re: Custom themes, headers and footers

    sure @dcsdigital 

     

    Here is the reference document for how to add components to pages 

    https://docs.microsoft.com/en-us/power-pages/getting-started/add-sections 

     

    Especially to edit HTML please use code editor 

    https://docs.microsoft.com/en-us/power-pages/getting-started/code-editor 

     

    PowerPages is built using Bootstrap 3. I would recommend sticking with Bootstrap3. Changing the framework is possible at your own risk. There is a high chance it will be upgraded on any day. 

     

    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

     

     

  • dcsdigital Profile Picture
    6 on at
    Re: Custom themes, headers and footers

    Amazing, thank you.

     

    And do you have a reference / documentation on the tags that need to be added to the HTML to allow the editor to change sections etc on custom HTML?

     

    Lastly, do the sites have to be built using Bootstrap, or does any framework integrate as long as the correct classes / styles are applies?

  • ragavanrajan Profile Picture
    7,036 Most Valuable Professional on at
    Re: Custom themes, headers and footers

    Hi @dcsdigital 

     

    Yes, it is possible to build your own header and footer. 

     

    The way to do this is via Portal management 

    https://docs.microsoft.com/en-us/power-pages/configure/portal-management-app 

     

    Regarding your second question: 

     

    In Portal management 

    1. Under content > Web Files 

    2. upload your custom CSS/ JSS / any build files 

     

    Note: Please set the parent page as "Home". So you can reference it easily. 

     

    Building a custom theme is not yet available via design studio but through portal management, you can create a stylesheet and reference it 

     

    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

    1. Under Content > Web Templates > Look for Header and Footer Templates.

    2. Make a copy and build your own header and footer template with liquid and HTML 

     

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 69 Super User 2025 Season 1

#2
oliver.rodrigues Profile Picture

oliver.rodrigues 49 Most Valuable Professional

#3
Jon Unzueta Profile Picture

Jon Unzueta 43

Featured topics