Skip to main content

Notifications

Community site session details

Community site session details

Session Id : QBVDhAdh28UdtcS/jp8D9x
Power Pages - Power Apps Portals
Unanswered

Changing the footer image

Like (0) ShareShare
ReportReport
Posted on 28 Aug 2020 13:10:03 by

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

  • justinburch Profile Picture
    Microsoft Employee on 28 Aug 2020 at 18:27:50
    Re: Changing the footer image

    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

Quick Links

🌸 Community Spring Festival 2025 Challenge Winners! 🌸

Congratulations to all our community participants!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard > Power Pages - Power Apps Portals

#1
stampcoin Profile Picture

stampcoin 11

#2
Muzammil Nawaz Profile Picture

Muzammil Nawaz 8

#2
Ajlan Profile Picture

Ajlan 8

Overall leaderboard