Drop cap customizing

Yes, I too would love to know how to further customise the drop caps ??

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.

Ok, thanks. When you will update the plugin, these customizations will remain?

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.

Ok, that’? better for me. Thanks.