0:00
Hello everyone, welcome to Key2 Blogging and in this video I will show you how you can customize the popular post section in Flatro Pro theme
0:07
So this is going to be the part 3 of Fletro Pro theme customizations
0:11
And here you can check the part 1 and part 2 in our channel. So let's check how you can edit this popular post section
0:18
So by the way, if you found this video helpful and want me to make more videos on Fratero Pro theme customization
0:24
then let me know by liking this video. So let's open this page
0:29
and I will click and inspect here. So here you need to do some coding changes in your theme
0:36
So first of all I will select this element here and I will hide this element
0:40
So what I can see, I can select the parent element from here
0:46
So this is the post author name and this is the post header
0:50
So I need to remove this post header. So what I can do is I will add a display noun
0:59
And as you can see that the item popular post header is gone
1:04
So I will copy this class from here and I will go to the blogger dashboard and under the theme
1:10
I will click on Edit HTML. But before making any changes make sure to take a backup in case if you do any mistake you can easily restore it to original position So let click on Edit HTML here Now I will search for that class here So I will type Control Plus app and paste that class and I will find the code
1:31
So this is the item popular post header. So I don't want this section to be displayed on our site
1:37
So I will add a semicolum and I will add like display non like this
1:44
Now let's go to the website and I don't want this section. So I will select this section here, item entry and I will add the same display non
1:54
Like this. As you can see, this section is gone. So I will copy the class from here, item popular item entry
2:04
And I will find this section, item popular item entry. So let's add the semicolon and I will add the description
2:13
I will add the display none. Like this. Now let's go to the website
2:21
I don't want the date and time here. So I will select the date and time and I will select the parent element post info
2:30
Now let's find this item popular post info here. item popular post info where it is so let type Control Plus 7 find this class Here it is
2:47
So let's add the display non here. So let me just add it here
2:59
Now I need to select this counting here and let's change the color to something like red
3:06
like red and let's increase the opacity here and let me just select this color from here
3:14
And I can search for this option item popular item inner before
3:19
So let's copy the color here and let's search for this option
3:26
Here it is item popular item inner before and here I will change the color from RGB to X
3:32
color code. So I will paste it here and I will close it
3:36
with semicolon. Okay, we have done the changes. Now you can also add different changes
3:43
So let's select this option here and let's select the item title here and you can change
3:51
the font size. So let's change it to one area. So let find this option item popular item title And let search for this option here it is item popular item title so let change the font size from 0 rm to 1 rm so we have done all the changes here now
4:15
let's click on save here and by the way let's close this one so let's wait for the code
4:23
to save okay it is now saved so let's refresh this page and as you can see this
4:28
that all the unnecessary stops are gone and only showing the page title
4:34
And if you don't want this header image, then you can close this from your layout here
4:39
So let's scroll down and here it is the popular post here
4:43
And I don't want the image thumbnail so I can close it here and I can increase the max post
4:50
to 10. Now I don't want the snippets here so I will close this one and I will click on save here
4:57
Now let's refresh this page. As you can see, the popular post is now showing
5:03
So there is no more post in this website. That's why it is showing five posts in popular sections
5:10
So this is how you can customize your popular section in Flatro Pro theme
5:14
And if you have any doubt regarding this, then you can ask me in the comment section. And if you found this video helpful, then make sure to it the like button
5:21
And I will see you in the next video. Thank you
