title: Drupal CKeditor Custom Styles dropdown
body: <p>I'm using Drupal 7.43 and the ckeditor version 4. I want to change custom styles dropdown, so I copied the ckeditor.styles.js file into my theme root directory. In configuration (drupal module) I select to use this file from theme directory but the dropdown is empty. And custom path to this file doesn't work too. Here my changes in ckeditor.styles.js file. With the default markdown the dropdown still's empty. Are there any configuration steps that I missed? </p>
  
  <pre><code>if(typeof(CKEDITOR) !== 'undefined') {
  CKEDITOR.addStylesSet( 'drupal',
  [
           /* Block Styles */
  
          { name : 'interner Link'        , element : 'a', styles : { 'color' : '#004684' } },
          { name : 'externer Link'        , element : 'a', styles : { 'color' : '#004684' } },
          { name : 'E-Mail'       , element : 'a', styles : { 'color' : '#004684' } },
          { name : 'Download'     , element : 'a', styles : { 'color' : '#004684' } },
  
          /* Inline Styles */
  
          /* Object Styles */
  
          {
                  name : 'left Image',
                  element : 'img',
                  attributes :
                  {
                          'style' : 'padding: 5px; margin-right: 5px',
                          'border' : '2',
                          'align' : 'left'
                  }
          },
  
          {
                  name : 'right Image',
                  element : 'img',
                  attributes :
                  {
                          'style' : 'padding: 5px; margin-left: 5px',
                          'border' : '2',
                          'align' : 'right'
                  }
          }
  ]);
  </code></pre>
  
  <p>}</p>