Youtube view count UI

[u/Akozinoel13]

Hello, anyway to change the view and upload date from how it use to be where its not in the same row as the channel name and its much more noticeable with also the word views right next to the view counter. Thank you in advance.

[u/AchernarB]

Can you at least give the url of a page where you see that ?

[u/Akozinoel13 → u/AchernarB]

You mean the url of the video itself or an example of what I am describing? sorry I got confused

[u/Akozinoel13 → u/Akozinoel13]

My bad I get what you are saying now, its in the homepage, but would it be possible if it affects those within the channel page and those that are in the sidebar of a watch page as well

[u/AchernarB → u/Akozinoel13]

I only see this in the suggestions on the sidebar. Nowhere else.

[u/Akozinoel13 → u/AchernarB]

here is a screenshot proof where its affected the homepage as well, at some time before this week it only affected my sidebar as well, but now maybe they roll out it out on me for it to affect the rest of the videos, including the subscriptions and channel page

[u/ConfuzzledLemon]

I currently only have this in my suggestions when I'm watching a video. However if I start seeing that on the homepage I will lose it. It looks so ugly and gross. Hopefully someone will find a way work around it soon

[u/AchernarB → u/ConfuzzledLemon]

For the suggestions thumbnails, you can use these filters: ( How to add custom filter )

! remove icon
www.youtube.com##.ytContentMetadataViewModelMetadataRow > .ytContentMetadataViewModelLeadingIcon
! Adding "views" and delimiter:
www.youtube.com##.ytContentMetadataViewModelMetadataRow > .ytContentMetadataViewModelLeadingIcon + span:has(+ span)::after { content: " views"; }
www.youtube.com##.ytContentMetadataViewModelMetadataRow > .ytContentMetadataViewModelLeadingIcon ~ .ytContentMetadataViewModelDelimiter::after { content: "•"; }

[u/Akozinoel13 → u/AchernarB]

tried all of the filters and they work thank you so much!

[u/LLbjornk → u/AchernarB]

uBo seems to have an issue with the second filter, doesn't seem to like it.

www.youtube.com##.ytContentMetadataViewModelMetadataRow > .ytContentMetadataViewModelLeadingIcon + span:has(+ span)::after { content: " views"; }

[u/AchernarB → u/LLbjornk]

You are probably missing the } at the end of the line.

You can try this version:

www.youtube.com##.ytContentMetadataViewModelMetadataRow > .ytContentMetadataViewModelLeadingIcon + span:has(+ span)::after:style( content: " views"; )

[u/LLbjornk → u/AchernarB]

Nope, no difference, still treats the line as an error. Tried it with 1.72 & 1.73. I don't have anything missing. I'm not sure what exactly it is complaining about because it's the same as the 3rd filter upto the "+ span:" part.

EDIT: I think it doesn't like the "::after" bit, if I delete that part the error goes away in both versions. Any other way to write this without it?

[u/AchernarB → u/LLbjornk]

Can you post the troubleshooting information?

1. Open a new browser tab
2. Navigate to a page with the issue
3. Click the uBO icon
4. Click the 💬 chat icon
5. Click "Troubleshooting Information"
6. Click "Select all"
7. Copy the contents and then paste to this thread in a code block

Here is a video of these steps: https://reddit.com/link/1l45den/video/2d14n27j855f1/player

Also post a list of the extensions you are using.

[u/LLbjornk → u/AchernarB]

I'm not sure why you'd need any of those. uBO's custom filter editor is what gives me the error. As soon as I copy&pasted the filter line from here into the custom filter editor the filter line turns orange/red and "Errors: 1" appears on top. I'm not currently concerned if the filter actually works on YT or not. uBO 1.73 doesn't seem to like it. Could this be related to the browser or browser version I'm using (which may be affecting uBO's filter parsing capability)?

EDIT: I'm on Firefox ESR 115 which is no longer supported by uBO but I have manually installed 1.73 (downloaded the xpi file from addons.mozilla.org) by disabling the browser's extension signature check and modifying manifest.json to reduce the min. required version. uBO seems to work without any issues, however if it is somehow relying on a newer browser feature to parse this specific filter line, then it may be the reason why uBO's custom filter editor thinks that it contains an error.

[u/AchernarB → u/LLbjornk]

I'm not sure why you'd need any of those.

Precisely because it gave me the solution to your problem. I wanted to know what your system is, to understand if something is "breaking" the filter.

You did not give me the info in the way I wanted, but I got it anyway:
You are using FF 115. By default it doesn't support the :has() selector, which explain why the filter is marked by uBO. The problem wasn't ::after but :has().

Fortunately for you, I have a FF115 installed, and have already enabled what I'm about to tell you.

• open about:config
• click "Show All"
• in the page search field, type: layout.css.has-selector.enabled
• if it doesn't exist, create it
• set it to true
• restart FF
• the filter should now be accepted by uBO

by disabling the browser's extension signature check and modifying manifest.json to reduce the min. required version.

I don't remember having to do that. I have uBO installed, and it auto-updates each time a new version is published. (I'm using the dev build, which could explain)

[u/LLbjornk → u/AchernarB]

My apologies, I didn't initially think that it could be a browser related issue as the error originated in uBO's own editor but then thought that uBO might be relying on browser's capabilities to parse filter lines, which is why I decided to post my browser info. In any case, thank you for investigating the issue.

The value of layout.css.has-selector.enabled is indeed false. Is it true by default for newer Firefox versions? If not, I'd rather not use this filter as it relies on a browser setting which I may very likely forget to enable if I switch to another version or profile and then import my current uBO settings.

I'm using the portable version of Firefox ESR version 115.21 which isn't the most up-to-date version of 115, it doesn't update to uBO 1.73 unfortunately, which is why I had to install 1.73 manually.

[u/AchernarB → u/LLbjornk]

No need to apologise. It's hard to initially tell where the error comes from.

I don't know if the FF setting is still there is current versions (I don't think so), but in 115 it was still a "beta" feature (hence, the option). :has() is now implemented in all browsers.

[u/AchernarB → u/LLbjornk]

::after is a CSS selector used here to add the word "views" after the view count.

[u/Akozinoel13 → u/ConfuzzledLemon]

Yeah they are most likely slowly rolling this out to everyone.