choreo
offlineMember
I have a page with (3) separate APM4 instances - they are all currently assigned the "gray" style in the interface. I have modified the colors in the APM4 CSS which of course applied all my changes to all three instances. What is the best way to assign unique colors for each APM4 panel set?
Foe example
Instance 1 - Dark Blue
Instance 2 - Dark Green
Instance 3 - Maroon
The best approach is to use the ID of the second and third as a target to assign their special styling. Just copy and paste the relevant rules you want to edit and then prepend the rue with the ID of that APM4.
For example, the the trigger rule in the gray style sheet looks like this:
a.p7AP4-01 {
background-color: rgb(160,160,150);
color: #000;
background-image: url(../p7ap4/img/p7AP4_east_black.png);
box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);
}
-Duplicate this rule and then prepend the selector with the ID of the second APM4, #p7AP4_2, then change the colors as desired (note the space between the id and the a):
#p7AP4_2 a.p7AP4-01 {
background-color: #006400;
color: #FFF;
background-image: url(../p7ap4/img/p7AP4_east_white.png);
box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);
}
-Repeat for all of the other style edits.
-You only need to copy and paste the rules that actually need changes.
choreo
offlineMember
Gerry,
Thanks so much... that worked perfectly!
https://www.sanitizedprousa.com/SanitizedPro-Products.html
John
You must log in to post.
