Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - General Discussions
Unanswered

Power Pahes Theme Customization

(0) ShareShare
ReportReport
Posted on by 4

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:
  • Lucas001 Profile Picture
    2,182 Super User 2025 Season 1 on at
    Re: Power Pahes Theme Customization

    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.

       

      Lucas001_0-1704458351944.png



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

    Hope that helps.

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

  • Surendran Ravindran Profile Picture
    212 on at
    Re: Power Pahes Theme Customization

    Hi @dp30102858 ,

     

    Yes, we can customize CSS (Style)

    Method 1:

     

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

    Surendran_R_0-1704453838858.png

     

    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.

     

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