How I Show Drop Caps Automatically in Thesis Theme


Buzz This
If you trail the guidebook mentioned in the Thesis website, you need to manually wrap the correspondence you need to curve into a plummet cap with the appropriate HTML. Voguish the copy mode, you gain to switch to HTML editor by clicking on the “HTML” link in the high healthy corner of your Posting area to employ this tutorial.

At the same time as usual, I forgot totaling this code and the foremost correspondence might not be crooked into plummet cap as predictable. I had to edit the pillar and re-insert the code. This process took a quantity of epoch. That is why I tried to recover the way to prepare this instinctively and luckily I got this tutorial from solitary of my colleague – HuTruc.

Plummet cap html editor How To Show Drop Caps Automatically in Thesis Theme

Drop Cap as guided by DIYThemes

This tutorial is very clean and you barely need to add a brisk css code to your custom.Css and the foremost correspondence of the old posts and extra posts will be at that moment instinctively crooked intodrop cap. Here is the code:
.custom .entry-content p:first-child:first-letter {font-size: 3.571em; line-height: 0.76em; padding: 0.04em 0.12em 0 0;color: #888; float: left;}
If you are excellent next to CSS, you can conversion something in the CSS code to knock together it unique to your blog method.

I gain truthful implemented this code into my blog and all posts gain foremost inscription converted into plummet. You can check several of my blog posts to establish how it factory.

No comments:

Post a Comment