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 / How do you change the ...
Power Pages
Answered

How do you change the color links on a Power Apps Portal site?

(0) ShareShare
ReportReport
Posted on by 600toogood 30

On the same page, I want to make some links red, some blue, some green, some orange and some purple, but currently the theme I used has all of the links as blue.  The links I am referring to are child pages to the page they are on.  I used the "Full Page" template.

 

Is this possible?

 

If so, how do I do it?

 

I have attached a picture to show what my page looks like.

Screen Shot 2021-11-17 at 2.31.44 PM.png
Categories:
Power Apps portals
I have the same question (0)
  • Verified answer
    ragavanrajan Profile Picture
    ragavanrajan 7,044 Most Valuable Professional on at

    Hi @600toogood 

     

    Yes, it is possible. There are multiple ways. Try the following way using JavaScript.  Here are the steps for you. 

     

    In Portal Management: 

     

    1. Under Content > Web Pages > Select the parent page. Ex: 2021-2026-Strategic-Plan 

    2. Under Localized Content > Select the page again 

    3. Under Advanced > Custom JavaScript 

    4. Add the following script 

     

     $(document).ready(function () {
 console.log(555, "RR Testing Color change functions");
 $(".list-group-item:nth-child(1) a").css("color", "red");
 $(".list-group-item:nth-child(2) a").css("color", "green");
});

    Hint: Change the n-th child property according to your need. 

     

    5. Hit Save and Close 

     

    In Portal Studio 

     

    1. Sync Config > Browse website > Ctrl + F5  to view changes. 

     

    Output: 

    ragavanrajan_0-1637183312673.png

     


    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
rezarizvii Profile Picture

rezarizvii 53

#2
DP_Prabh Profile Picture

DP_Prabh 40

#3
oliver.rodrigues Profile Picture

oliver.rodrigues 28 Most Valuable Professional

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