Title: Accordeon > create same class
Last modified: August 24, 2016

---

# Accordeon > create same class

 *  Resolved [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/accordeon-create-same-class/)
 * Hi,
 * I do not understand. I have created a accordeon on this page ([http://lapousse.fr/site-ecommerce](http://lapousse.fr/site-ecommerce))
   with this code :
 *     ```
       .panel-heading { /*  bloc titre > arrière-fond */
           background-color: #ffffff;
       }
   
       .panel-body {
           background-color: #ffffff;
           color: #444444;
       }
   
       .panel-heading .accordion-toggle {
           background: #444444;
       }
       .panel-heading .accordion-toggle h5 {
           color: #ffffff;
           font-size:32px;
           padding: 6px 0px 6px 0px;
       }
   
       .panel-heading .accordion-toggle.collapsed {
           background: #ffffff !important;
           border: 1px solid #444444 !important;
       }
       .panel-heading .accordion-toggle.collapsed h5 {
           color: #444444;
           font-size:32px;
           padding: 6px 0px 6px 0px;
       }
   
       .panel-heading .accordion-toggle:hover {
           background: #ffffff;
           border: 1px solid #444444 !important;
       }
       .panel-heading .accordion-toggle h5:hover {
           color: #444444;
       }
   
       .panel-heading .accordion-toggle.collapsed:hover {
           background: #444444 !important;
       }
       .panel-heading .accordion-toggle.collapsed h5:hover {
           color: #ffffff;
       }
       ```
   
 * And I try to create the same class for the titles of my others pages (here : 
   [http://lapousse.fr/site-catalogue](http://lapousse.fr/site-catalogue)) :
 *     ```
       .paneltitle {
            border-radius: 5px;
            background: #444444;
            font-size: 32px;
            color: #ffffff !important;
            padding: 6px 6px 6px 0px;
            line-height: 36px;
       }
       ```
   
 * But I do not success to add a margin-left between my background and my text. 
   Padding or margin do not work :/
 * Thanks for your help !

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

 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/accordeon-create-same-class/#post-6099132)
 * I’m not sure I understand.. on this page: [http://lapousse.fr/site-catalogue](http://lapousse.fr/site-catalogue)
 * You have added inline styles? the padding is in the text on the page so that 
   would override the css you add.
 * Kadence Themes
 *  Thread Starter [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/accordeon-create-same-class/#post-6099168)
 * Sorry for the misunderstanding.
 * I would like to have the same aspect between my title /1/ “Inclus dans le pack”(
   here : [http://lapousse.fr/site-catalogue](http://lapousse.fr/site-catalogue))
   than the same title /2/ (here : [http://lapousse.fr/site-ecommerce](http://lapousse.fr/site-ecommerce))
 * But I do not understand, because I put the same css code for my titles /1/ and/
   2/. So, how can I do to have a title with a background and a margin-left between
   the background and the text please ?
    I tried margin-left but it also moves the
   background on the left
 * Thanks very much
 *  Thread Starter [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/accordeon-create-same-class/#post-6099179)
 * Sorry, it is my fault. I have a different code between my css and into my html
   page. So my css into “custom css” did not work because of that :/
 * Sorry and thanks for your help !

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

The topic ‘Accordeon > create same class’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinnacle/1.8.10/screenshot.png)
 * Pinnacle
 * [Support Threads](https://wordpress.org/support/theme/pinnacle/)
 * [Active Topics](https://wordpress.org/support/theme/pinnacle/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinnacle/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinnacle/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [antoineO](https://wordpress.org/support/users/antoineo/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/accordeon-create-same-class/#post-6099179)
 * Status: resolved