Unanswered

Power Pahes Theme Customization

(0) Share

Report

Posted on by dp30102858

Hey everyone,

I just started using Power pages and I made my first one. It looks pretty cool, but I want to make it even cooler. How can I change the theme of my Power page from a boring static color to a fancy gradient color?

And another thing, I don't like the text styles that are already there. I want to use my own custom text style that matches my personality. Is that possible?

If you know how to do these things, please share your tips with me. I would really appreciate it.

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (0)

Surendran Ravindran 212 on at

Like (1)

Report

Hi @dp30102858 ,

Yes, we can customize CSS (Style)
Method 1:

In power pages --> Style --> you can upload custom CSS

Method 2 : (Portal Management)

You can create content snippets with your CSS and then add that to required web pages

Method 3 : (Portal Management)

You can create CSS Web files and use them as CDN on your web pages

Regards
Surendran Ravindran

--------------------------------------------------------------------------------------
I hope that helps.
If the post solves your problem, please mark it as a solution. If it helps, consider a thumbs up.

Was this reply helpful? Yes No
Lucas001 2,429 Super User 2025 Season 2 on at

Like (2)

Report
Hi @dp30102858,

all provided options by @Surendran_R are valid.
As it seems you already know CSS I would like to give some more tips.
You can use the VS Code Online where you will find a .css file for each webpage. You can write your CSS here and it will only effect that specific page.
When you want to use a custom font - upload it as webfile so it is locally saved and GDPR conform in all contries.
You can always set a range of colors in Power Pages Styling --> Same as in the picture above. Just make sure to save those.
If needed and you want to edit the global css you can do that by going on the 3 dots and manage CSS. You can either upload a global custom CSS or edit the existing one called yourPage.css at the bottom.

--------------------------------------------------------------------------------------

Hope that helps.

If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.

Was this reply helpful? Yes No