Title: Adding CSS Code
Last modified: August 30, 2016

---

# Adding CSS Code

 *  Resolved [stephl26789](https://wordpress.org/support/users/stephl26789/)
 * (@stephl26789)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-css-code-1/)
 * I just downloaded the accordion plugin and now where do I add this css code in
   the editor?
 * /* Accordion Styles */
    .accordion { border-bottom: 1px solid #dbdbdb; margin-
   bottom: 20px; } .accordion-title { border-top: 1px solid #dbdbdb; margin: 0; 
   padding: 20px 0; cursor: pointer; } .accordion-title:hover {} .accordion-title:
   first-child {border: none;} .accordion-title.open {cursor: default;} .accordion-
   content {padding-bottom: 20px;}
 * [https://wordpress.org/plugins/accordion-shortcodes/](https://wordpress.org/plugins/accordion-shortcodes/)

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

 *  Plugin Author [philbuchanan](https://wordpress.org/support/users/philbuchanan/)
 * (@philbuchanan)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-css-code-1/#post-6888708)
 * If you are an administrator you should be able to add it to your sites `style.
   css` file by going to Appearance > Editor. Once there, make sure the title at
   the top says: `Stylesheet (style.css)`, then scroll to the bottom of that file
   and paste that code in.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [10 years, 5 months ago](https://wordpress.org/support/topic/adding-css-code-1/#post-6888711)
 * If you’re not using a Child Theme, and if the theme doesn’t have a designated
   section of the dashboard for CSS modifications then do the following:
    1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           /* Accordion Styles */
           .accordion {
           border-bottom: 1px solid #dbdbdb;
           margin-bottom: 20px;
           }
           .accordion-title {
           border-top: 1px solid #dbdbdb;
           margin: 0;
           padding: 20px 0;
           cursor: pointer;
           }
           .accordion-title:hover {}
           .accordion-title:first-child {border: none;}
           .accordion-title.open {cursor: default;}
           .accordion-content {padding-bottom: 20px;}
           ```
       
    5. Save
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications_

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

The topic ‘Adding CSS Code’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/accordion-shortcodes.svg)
 * [Accordion Shortcodes](https://wordpress.org/plugins/accordion-shortcodes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/accordion-shortcodes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/accordion-shortcodes/)
 * [Active Topics](https://wordpress.org/support/plugin/accordion-shortcodes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/accordion-shortcodes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/accordion-shortcodes/reviews/)

## Tags

 * [code](https://wordpress.org/support/topic-tag/code/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 2 replies
 * 3 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/adding-css-code-1/#post-6888711)
 * Status: resolved