web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Changing the footer image
Power Pages
Unanswered

Changing the footer image

(0) ShareShare
ReportReport
Posted on by Community Power Pla... Microsoft Employee

Hi,

 

I'm looking to customize the footer on my web pages in my portal from the default to this image attached, if any one can advise me on this it would be greatly appreciated.

 

Many thanks 

 

Nathan

3C Long banner colours current web gradient.png
Categories:
Power Apps portals
I have the same question (0)
  • justinburch Profile Picture
    justinburch Microsoft Employee on at

    It depends on how you want it to look - this image will stretch and grow with screen size, but you can do this by adding a CSS Web File as a child of Home and referencing the CSS. You will need to make additional changes based on the current styling of your footer.

    If you want it to fill the entire footer, then at a high level, this is what you can do (note that I've uploaded the image as 'footer.png' as a Web File):

     

    footer {
 background: url(/footer.png);
 background-repeat: no-repeat;
 background-size: cover;
}

     

     You'll then need to do this if your Portal has both top and bottom footer, but actual implementation will be based on current design:

     

    footer div.footer-top, footer div.footer-bottom {
 background-color: transparent;
}

     

     Your goal is to remove any color that would cover the background image. Lastly, you'll probably need to play with sizing depending on how you want it to look.

     

    If you don't need it to fill (looks better), then you can change cover to contain in the aforementioned CSS and use background-position-x: left/right/center to have it moved where you'd like.

     

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

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Valantis Profile Picture

Valantis 41

#2
sannavajjala87 Profile Picture

sannavajjala87 28 Super User 2026 Season 1

#3
11manish Profile Picture

11manish 26

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals
Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans