Customization of background colors in power pages

(0) Share

Report

Posted on by Yan69

Hello everyone,

When I customize the colors on a theme for my website, I cannot see the background colors in preview mode.

Is anyone knows the reason for which one I can't see the color of background ?

Thank you for your help.

Categories:

General topics

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Lucas001 2,555 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @Yan69,

did you check the developer tools and searched for the background color?
There should be a css property which hold your color value. Have a look if the one you want is applied or not.

Was this reply helpful? Yes No
Yan69 4 on at

Like (0)

Report
Copy link

Link copied!

Yes, I opened Visual Studio Code, I went on the file "theme.css" where I have all css properties but when I do a modification about the background color for the footer for example, I synchronize but there is nothing which happen on power pages studio and same in preview mode. Is it possible to show me where should I go really ? @Lucas001

Was this reply helpful? Yes No
Verified answer

Lucas001 2,555 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @Yan69,

footer and header are a bit different as they usually use the colour defined inside the styling in the power page designer. Can you change a colour there and see if it reflected in the page?

Other than that is what you need to do in chrome for example.
Go to your page in preview --> Right click --> Developer:

You will than see a sidebar like that. Have a look at the colourcode for the body.
In my case background-color: #FFFFFF. If you changed yours there should be your new colorcode.
If you cannot see it the change is not applied and there may be an issue with your css.

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

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
jyotiatharv 69 on at

Like (0)

Report
Copy link

Link copied!

@Yan69 Header & Footer code exists in the header and footer web template. Regarding css, you can make changes in the header and footer class in theme.css and update the old theme.css with the new one in notes of the webfile. After that you can synchronize and check the output by doing hard refresh
e.g.
footer {
position: relative;
color: #AAAAAA;
}

Was this reply helpful? Yes No