In your case, choose “custom mode” as display option and put these codes into custom css box:
.wpsdc-drop-cap {
padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Lobster, Arimo, sans-serif;
Let me know if you have resolved it.
Thanks for your prompt reply. Unfortunately, it didn’t work. I selected “custom mode” and added the codes as you suggested, but the drop cap didn’t appear on my post.
I am sorry, I forgot to close the code, it should be :
.wpsdc-drop-cap {
padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Lobster, Arimo, sans-serif;
}
Does it work now?
Sorry again for the typo, it should be like this:
padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Lobster, Arimo, sans-serif;
Let me know if it works.
You’re welcome. I’m glad it works now. If you don’t mind, would you like to leave a review for my plugin here: https://ww.wp.xz.cn/support/view/plugin-reviews/simple-drop-cap ? I really appreciate it.
I just added my review…saw a typo on my post afterward, but i think it’ll be okay. Thanks again for your help!
You’re welcome. Thank you for leaving the review, I really appreciate it.
Thanks for a nice plug-in. I used the code you gave to change the typeface.
`padding: 0;
font-size: 3em;
line-height: 0.8em;
font-family: Lobster, Arimo, sans-serif;`
It works fine except I can’t figure out how to get the dropcap to drop, not to be above the line as it is with the code you provided.
My blog is winjama.net/blog.
Thanks
@winjama
Add
float: left;
as a new line in the code above. And then adjust the padding using these code
padding-top: xx px;
padding-bottom: xx px;
padding-left: xx px;
padding-right: xx px;
It should work. If you still have the issue, please open a new support thread.
Yudhistira
Thank you so much Yudhistira. Sorry I took so long to reply. Your solution worked perfectly right out of the box. A great little plugin. Does exactly what it’s supposed to and your help was timely and correct.
Cheers,
Dave
When I add a dropcap to my posts, it appears to be much higher than the rest of the text, it’s clearly not in the right place relative to the text that follows it.
You can see the problem here,
http://www.americanslander.com/slander/triangle-the-steep-price-of-progress/
where the letter “I” dropcap that begins the first paragraph is much higher than the text that immediately follows it.
Is there a way to get the top of the dropcap and the top of the text that follows it to be at the same level?
Thank you.
@katslander
Choose the custom CSS option on the settings page, then add the following codes into the box:
float: left;
padding-top: xx px;
padding-bottom: xx px;
padding-left: xx px;
padding-right: xx px;
font-size: xx px;
line-height: xx px;
Change the xx values based on your needs.
Mauris
The custom CSS you gave had no effect whatsoever on the position of the drop cap.
Can you suggest actual figures to replace the xx variables you included in your example of the custom CSS code? I was not able to input any real numbers that changed the position of the drop cap. Thanks.
