How to Make the First Paragraph Letter Bigger on Blogger? | Blogger Templates + Wordpress Themes|Kotryna Bass Design

Web Design For Bloggers + Creatives

FREE INSTALLATION SERVICES INCLUDED →

How to Make the First Paragraph Letter Bigger on Blogger?

how-to-make-the-first-paragraph-letter-bigger-on-Blogger

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):

<data:post.body/>

Step 4- Edit this code to be like this:

<p class='first'><data:post.body/></p>

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!

1 Comment

  1. 97Thalia 10/06/2017

    I must say you have very interesting content here.
    Your blog should go viral. You need initial boost
    only. How to get it? Search for: Miftolo’s tools go viral

Leave a reply

Your email address will not be published.