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

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / How do you change the ...
Power Pages
Unanswered

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

(0) ShareShare
ReportReport
Posted on by 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.

Categories:
I have the same question (0)
  • Verified answer
    ragavanrajan Profile Picture
    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

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Pages

#1
Jerry-IN Profile Picture

Jerry-IN 71

#2
Fubar Profile Picture

Fubar 62 Super User 2025 Season 2

#3
sannavajjala87 Profile Picture

sannavajjala87 31

Last 30 days Overall leaderboard