Title: Drop cap customizing
Last modified: August 22, 2016

---

# Drop cap customizing

 *  [Florin Rosoga](https://wordpress.org/support/users/albasiero/)
 * (@albasiero)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/drop-cap-customizing/)
 * How can I change for the drop cap some elements, like the backgriund color or
   the font size? I tried some css, but not working. Can you give me an example?
 * [https://wordpress.org/plugins/shortcodes-ultimate/](https://wordpress.org/plugins/shortcodes-ultimate/)

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

 *  [rehtaeh](https://wordpress.org/support/users/rehtaeh/)
 * (@rehtaeh)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663723)
 * Yes, I too would love to know how to further customise the drop caps 🙂
 *  [xtnd](https://wordpress.org/support/users/xtnd/)
 * (@xtnd)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663724)
 * This one is simple.
 * First edit
    `/plugin-dir/shortcodes-ultimate/assets/css/content-shortcodes.css`
 * and add the following css
 *     ```
       .su-dropcap-style-custom {
           background: #000;
       	color: #ff9900;
       	border-radius: 50%;
       	-moz-border-radius: 50%;
       	-webkit-border-radius: 50%;
       	background: rgb(255, 255, 255); /* Old browsers */
       	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* FF3.6+ */
       	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 234, 234, 1))); /* Chrome,Safari4+ */
       	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Chrome10+,Safari5.1+ */
       	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* Opera 11.10+ */
       	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* IE10+ */
       	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 100%); /* W3C */
       	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
       }
       ```
   
 * Go to your post and use the following syntax
    `[su_dropcap style="custom"]D[/
   su_dropcap]`
 * We used style=”custom” because before in the css file we added .su-dropcap-style-
   custom.
 * If you name your addition to the css .su-dropcap-style-somethingelse you will
   use style=”somethingelse”.
 * So we can change whatever we like in the css file and have as many styles as 
   we like for the Dropcap.
 * Let me know if you need anything else.
 *  Thread Starter [Florin Rosoga](https://wordpress.org/support/users/albasiero/)
 * (@albasiero)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663725)
 * Ok, thanks. When you will update the plugin, these customizations will remain?
 *  [xtnd](https://wordpress.org/support/users/xtnd/)
 * (@xtnd)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663726)
 * This way no. But you can put the css addition to your theme’s custom style css
   file and that way the changes will remain the same with an update.
 *  Thread Starter [Florin Rosoga](https://wordpress.org/support/users/albasiero/)
 * (@albasiero)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663727)
 * Ok, that’ß better for me. Thanks.

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

The topic ‘Drop cap customizing’ is closed to new replies.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

## Tags

 * [drop cap](https://wordpress.org/support/topic-tag/drop-cap/)

 * 5 replies
 * 3 participants
 * Last reply from: [Florin Rosoga](https://wordpress.org/support/users/albasiero/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/drop-cap-customizing/#post-5663727)
 * Status: not resolved