Custom themes, headers and footers

(0) Share

Report

Posted on by dcsdigital

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:

Customize & extend

I have the same question (0)

All responses (4)

Answers (1)

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
dcsdigital 6 on at

Like (0)

Report
Copy link

Link copied!

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?

Was this reply helpful? Yes No
Verified answer

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
dcsdigital 6 on at

Like (0)

Report
Copy link

Link copied!

Great, thank you 😀

Was this reply helpful? Yes No