LumidyTech: How to Make the First Paragraph Letter Bigger on Blogger?

By Lumidy's Blog NG - Tuesday, August 19, 2014

Creating magazine styled blog layouts are really trending right now and making the first paragraph letter bigger in your post can make your Blogger blog look even more professional
This tutorial was created to be used on Blogger blogs, you can find a plugin for this if you’re using WordPress.
Let’s get to work. The process for this is fairly simple, just follow these steps carefully:
Step 1- Head over to THEME->Edit HTML
Step 2- Click inside of the text box and press CTRL and F (or CMD and F on a Mac) to open the search option.
Step 3- Search for (you will find two of these in the code, but you only need to edit the second one):
Step 4- Edit this code to be like this:
Step 5- Then, head over to THEME->CUSTOMIZE->ADVANCED->ADD CSS and paste in this code:
.post-body p.first:first-child:first-letter {
font-size: 45px;
padding:8px;
font-family: 'Times New Roman', serif;
font-weight: bold;
text-transform:uppercase;
}
Here you go! That’s all you need to do in order to make the first letter in your paragraphs bigger. Feel free to make edits to make this more personal & leave a link to your blog in the comments, so we all can take a look!

  • Share:

You Might Also Like

0 Comments