Hi, I’m using Urban Observer and I’m trying to add view count to the simple post next to author and date. I have managed to add it to the page, but the layout is wrong (especially on mobile where the separator lines are vertical).
Please help me fix the design so the views will show correctly.
Example page: https://tehnosfera.si/to-je-najhitrejsi-humanoidni-robot-na-svetu/
Hello!
You should place it in that inner row and change the border value in the mobile viewport as here: https://app.screencast.com/6NcBUJBZzLCjf for the post view element.
Thank you!
Hello,
thanks for your help.
I already tried that, but the result is not the same. I have tried it again, and it’s not changing the way I would expect. Please see screenshot.
Also the desktop version doesn’t show correctly.
Please help.
Hello!
Select the inner row and change the CSS settings and not the post view element.
Thank you!
The inner row is the same for all elements (Author, date, reading time, post views). How can I change it, can you please give me step-by-step instructions?
I have solved it for mobile, but I can’t for desktop.
Do you have any instructions for desktop?
Hello!
Sure. Follow the steps:
1. Add the element Single Post Views somewhere there. Copy and paste it after this element, as here: https://app.screencast.com/kbctcWo1U0XZH and delete the first one added before.
2. Apply these settings: https://app.screencast.com/m7nvTkPlUXhOy
3. These are the settings for the mobile viewport: https://app.screencast.com/MwRo5lxM1oNdr
Thank you!
Thank you, Paste After helped for mobile version.
The problem in the desktop version in the length of the border lines – they are higher than the border lines for other items. That can be also seen on your screenshot:
https://app.screencast.com/m7nvTkPlUXhOy?conversation=vNlQeVvc2sCLTtjLR9HUJ0
I want to make the border lines between items the same length.
That’s it!
Thank you so much for your help. đź‘Ť
Hello!
I’m glad I could help you!
Have a great day!
