1. 

   Reg Phipps MBCS
   

   offline

   Member

   I can see from the Use Guide how to change the entire accordion panel widget using the a Root User Class but this does not change the header background colour. I am using the 01-Gray Styling but want to change the header background colour to a fixed single colour on roll over and when clicked with the little white triangle indicator change from pointing to the right when closed to pointing down when open. What changes do I need to make to the p7AP4-01.css file or perhaps add a new p7AP4-01-addons.css file to do this?

   Thanks and Kind regards.

   Posted 2 weeks ago
2. 

   Gerry
   

   offline

   PVII Team

   To change the trigger colors you can simply edit the trigger style rules in the style sheet. Open the p7AP4-01.css style sheet and locate the trigger style rules starting at line 34, the rules that start with the a. selector.

   If you want to create a user class theme, let's say the 'matte-black' theme then just paste these rules into your style sheet and edit the colors to suit:

   .p7AP4.matte-black {
   background-color: black;
   padding: 10px;
   }

   /* trigger colors */
   .p7AP4.matte-black 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);
   }
   /* trigger hover colors */
   .p7AP4.matte-black a.p7AP4-01:hover {
   background-color: #222;
   color: #FFF;
   background-image: url(../p7ap4/img/p7AP4_south_white.png);
   box-shadow: inset 0px 28px 3px rgba(255,255,255,0.025);
   }
   /* trigger oprn state colors */
   .p7AP4.matte-black a.p7AP4-01.ap4Trigs_down {
   background-image: url(../p7ap4/img/p7AP4_south_white.png);
   color: #FFF;
   background-color: #666;
   }
   /* trigger open state hover colors */
   .p7AP4.matte-black a.p7AP4-01.ap4Trigs_down:hover {
   background-color: #666;
   color: #FFF;
   }

   Now you simply enter matte-black into the Root User Class box in the APM4 interface.

   Posted 2 weeks ago
3. 

   Reg Phipps MBCS
   

   offline

   Member

   Gerry - Excellent, thank you for the clear instructions on how to do it. This is why PVII are the best.

   Posted 2 weeks ago

RSS feed for this topic

Reply

You must log in to post.