Thesis 1.x Notice: Thanks for reading this post! So, here's the deal. I wanted you to be aware that this post was written prior to the release of Thesis 2. So that means the instructions or other information provided applies specifically to Thesis 1.x and not the latest 2.x version. Thanks!
It’s very easy to add drop cap styling to the first character in a paragraph in Thesis. You may have seen this feature on the DIY Themes website and it’s also used here on this site. The drop cap styling in Thesis is so simple to implement, and it really looks great on your posts.
Simply add this code to your custom.css file, which can be found in your custom folder inside the Thesis theme folder. You can either access the file through your favorite FTP client, or directly through the Thesis custom file editor screen.
.entry-content p:first-child:first-letter {
font-size: 3.571em;
line-height: 0.76em;
padding: 0.04em 0.12em 0 0;
color: #6F6F6F;
float: left;
}
You can further customize the character by editing the css.
Was this post helpful? Consider subscribing to my blog via RSS or
Julie @SavvyEats (9)
Ammar Ali (7)
Kulwant Nagi (7)
Amandeep Singh (6)
anandy (6)
Jim (6)
Dave (5)
{ 7 comments… read them below or add one }
Thanks for this tip helped me a lot. greeting
I have struggled to create this effect on every post manually, and walla here it is – the magic wand. Thanks for this nifty piece of code.
Dr. Lawrence Kindo recently posted..Why I Decided to Enter a Blogging Contest
This doesn’t work for me, any ideas? I’m on 1.8.
Hi Richard. I tried this myself and it worked. Make sure you have your text wrapped in paragraph tags. If it still isn’t working, try this:
.custom .format_text p:first-child:first-letter { font-size: 3.571em; line-height: 0.76em; padding: 0.04em 0.12em 0 0; color: #6F6F6F; float: left; }I’m experimenting with 1.8, and using the first code, I did get drop caps on posts, but not on front (static) page. Then I used the code in the bottom, and got drop caps on my front (static) page, but the drop caps disappeared from the post page. Then I used both codes, and got drop caps on all pages.
I’m loving it……Thanks
Wow Very Simple and Helpful..
Kulwant Nagi recently posted..Why you should Accept Guest Blogging on your Blog?