Title: CSS Class Accordion
Last modified: August 22, 2016

---

# CSS Class Accordion

 *  [cos2000](https://wordpress.org/support/users/cos2000/)
 * (@cos2000)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-class-accordion/)
 * Hi,
    I am tryin to set an own CSS Class for accordion layout. Using Accordion-
   > Styling -> Advanced I added a class named “testacc”. Then I added these lines
   to the style.css of my theme: .testacc { background-color: #00ff00; } Now the
   whole bachground of the accordion is green. So far so good. Can anybody give 
   me the names for the Heading area, conten area and so on so I can set these colors,
   also. Maybe somebody can post a demo accordion class. Thanks in advance.
 * [https://wordpress.org/plugins/wr-pagebuilder/](https://wordpress.org/plugins/wr-pagebuilder/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Contributor [Adam](https://wordpress.org/support/users/hieudm/)
 * (@hieudm)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500444)
 * Hi [@cos2000](https://wordpress.org/support/users/cos2000/),
 * Can you provide your site url so I can have a look first ?
 *  Thread Starter [cos2000](https://wordpress.org/support/users/cos2000/)
 * (@cos2000)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500447)
 * You can see it here:
    [http://www.plugintestgr123.de/beispiel-seite/](http://www.plugintestgr123.de/beispiel-seite/)
 *  Plugin Contributor [Adam](https://wordpress.org/support/users/hieudm/)
 * (@hieudm)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500620)
 * Hi,
 * For the heading, you can use this code :
 *     ```
       .testacc .panel-title {
       ... /* your CSS property goes here */
       }
       ```
   
 * and for the content part :
 *     ```
       .testacc .panel-collapse {
       ... /* your CSS property goes here */
       }
       ```
   
 * Best regards,
 * Adam.
 *  Thread Starter [cos2000](https://wordpress.org/support/users/cos2000/)
 * (@cos2000)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500631)
 * Hi Adam,
 * thanks for your Help!
 * Is it possible this styles for all elements to the documentation from time to
   time? I think this can help everyone to use own styles.
 * Best regards,
 * CoS
 *  Plugin Contributor [Adam](https://wordpress.org/support/users/hieudm/)
 * (@hieudm)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500661)
 * Hi,
 * If you change the code to :
 *     ```
       .wr-element-accordion .panel-title {
       ... /* your CSS property goes here */
       }
       ```
   
 * It will be applied globally to all Accordion element you insert to the page.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Class Accordion’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wr-pagebuilder_4b6759.svg)
 * [Page Builder by WooRockets.com](https://wordpress.org/plugins/wr-pagebuilder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wr-pagebuilder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wr-pagebuilder/)
 * [Active Topics](https://wordpress.org/support/plugin/wr-pagebuilder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wr-pagebuilder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wr-pagebuilder/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Adam](https://wordpress.org/support/users/hieudm/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/css-class-accordion/#post-5500661)
 * Status: not resolved