This time I will give a tutorial on how to change the font size in blogger posts, if you are not a blogger user, you can also follow this tutorial, the important thing is that you can access the html and css code to create your website.
well before starting let me explain first what the tutorial looks like this time, this tutorial will change all the font sizes in all of our posts by changing the html and css codes, first make sure that the size of the letters is normal (Box1) see the picture below, if the font size is not normal even though we change the css and html code the letters that appear will still be different from what we want
Meanwhile, to find out which code to use, we will use the inspect element because each website template may have a different code that determines the font size of a post, so we use the inspect element to be more certain in changing the code so that there are no errors.
Well, let's start right away, the first is to open our blogger account then we look for the theme (Box1), we open the edit option so that the option (Box2) appears, then we click edit html(Box3) as shown below
After we select edit html the display should change as image below
Search code
Both our html&css source code is open, then let's get the code related to the font size of our post by opening one of the post pages that we have, then we select one of the paragraphs or sentences in our post (Box1) after that we open the inspect element tool(Box2)
By right-clicking then selecting inspect(Box2) or the shortcut Ctrl + Shift + I on microsoft edge , Ctrl + Shift + C on mozilla firefox, Ctrl + Shift + J on google chrome for windows users, make sure you open or click inspect after selecting a paragraph like the example above(Box1)
After you open it, the display will change as shown below
Well, after you make sure that the selected code(Box1) in the inspect element is the code in the paragraph that we selected(Box2), you can check it by moving your mouse over the code in the inspect element(Box1) paragraph that was selected(Box2) will be in the blue box see picture above
If it is certain, we will look for the font size code which is usually in style(Box1) see the image below by writing the font-size to the filter(Box2) so that it is easier to find the font size like the example image below I have 2 variable fonts- size
Both of the examples above, one of which is a code that will change the font size of our post, you can make sure which is the correct code by changing the existing size value (Box3), if the code is correct all the writing in the post will also change as shown below
Like the picture above, our font size is included in the style or function (Box1) .item-post .post-body, this is what we have to look for in the blogger's html edit.
Change the font size
now we have got the code to look for then let's go back to blogger and immediately look for the code that we got earlier by selecting the html template and then clicking Ctrl + F so that the find(Box1) box appears
Then we paste the previous code (box1) and press enter, we will automatically be directed to the code that we mean(Box2) maybe there will be more than 1 search result but we just need to make sure that there is a font-size(box3) and we change the value the last one we saved(Box4).
Now all your writing sizes will change according to the value you entered if it is a normal size font as I first mentioned above.
Alright, here's the tutorial this time, hopefully it's useful, thank you for visiting, if you have any questions, please comment below, thank you.
0 Komentar