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.
Solved! Go to Solution.
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:
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.
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:
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.