Site logo

Archived topic

Is there a way to show post views like this?

26 replies · Started by Heath on December 21, 2021

Viewing posts 16–27 of 27

Ah in that case then you must add the shortcode on the Block Element - Post meta block that adds the post meta to your single posts pages. :D

In your block element - post meta, you basically have:

[dynamic image for author avatar] [dynamic headline for author] [dynamic headline for date]

What you have to do is:

[dynamic image for author avatar] [dynamic headline for author] [dynamic headline for date] [post-views]

I'm lost. Haha. I thought I added it in the block element.

Now it is. Previously it was in the content area. lol.

You can then add this CSS:

.post-views {
    margin-top: 0;
}

And then add a border right to the date post meta for the separator. :D

So I think the only thing I'm missing now is the font seems to be a different color. Not sure how to fix that.

It uses the entry meta color set on Appearance > Customize > Colors.

But you can also set it with this CSS:

.post-views.entry-meta > * {
    color: black;
}

Last question on this....would I be able to show the view count in the actual post element on the home page? If so, how would I do that?

And I am actually wondering if I can get something more like this to show on the left bottom corner of the home page on each post.

https://ibb.co/4fTM1jR

If it's for the main post grid on the home page, you can add it in on the Block Element - Content Template you've added to modify the layout of the post items.

The concept is similar to what you did w/ the Block Element post meta. You basically just add the shortcode block to where you want it to appear on the Content template. :D

Ok. I think I know what you are talking about. How would I get the information to show on the bottom left corner, Basically the opposite of readmore?

Also is there a way to get the icon to show like this?

https://ibb.co/K7tM4Fn

Ok. I think I know what you are talking about. How would I get the information to show on the bottom left corner, Basically the opposite of readmore?

Yes that's correct.

Also is there a way to get the icon to show like this?

This should be doable w/ custom CSS but you'll need to get the icon from somewhere and have it uploaded to your site for use. :D

I'm not having any luck finding the icon. Is there some Central place to get icons like this?

You can try looking around here - https://fontawesome.com/v5.15/icons - and see if you can find it. You then try to download the SVG icon file and host it on your site. :D

This archived topic is closed to new replies.