Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - Customize & Extend
Answered

Changing background color to a Multistep Form

(1) ShareShare
ReportReport
Posted on by 12
Hi community

 I am trying to customize the background color for a multistep form (both the form and the steps indicators) but it seems this is already defined in the portalbasictheme.css, trying to add a custom CSS file Power Pages studio mentions that you cannot override the priority of portalbasictheme.css

Is it possible to change this? I will really appreciate any suggestion since we need to match some colors of the form to the colors of the portal.
 
 
Regards,
 
Carlos.
Categories:
  • CBDEV Profile Picture
    12 on at
    Changing background color to a Multistep Form
    Thank you @Fubar this worked an also you are right with the CSS priority clarification!
     
    Regards,
     
    Carlos.
  • Verified answer
    Fubar Profile Picture
    7,930 Super User 2025 Season 1 on at
    Changing background color to a Multistep Form
    What it says is the CSS will be prioritized, not that it cannot be overridden. 
    In your custom CSS file, include "!important" (after each entry before the end of line semi-colon) that you need to override.
    The !important will not override inline CSS due to specificity but will other CSS class entries.
     
    e.g.
    .test {
       background-color: red !important;
    }
     

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 >

Featured topics