Off-center icons

[SantiDC4]

So here's another old issue I've had. the UI overall, and specifically playlist and content icons, have somehow shifted a little to the left (maybe up a bit) ever since an update about a year and a half ago. This is very noticeable because I use dynamic wallpapers, the icons would fit nicely in the wallpapers' background boxes, but not anymore since that one update. I've tried living with it, but the now recent 1.21 update changed some sizes again and now content icons are larger when using logos or screens, which adds to the torture haha.

What I'm trying to say with this is, has anyone here who uses custom dynamic wallpapers for their playlists noticed this? If so, or not, what wallpapers do you use? I have tried different amazing packs of wallpapers from different people, 1080 and 1440 resolutions, and they all are off-center. I could make my own or modify them too, but I'd like to hear what other people have to say on the matter before I do all that, I've got like 30 something playlists with different styles, plus some I have yet to add. Am I using a wrong setting or something that causes this?

Here's some screenshots of different wallpapers which lined up perfectly fine before. First one is 1920x1080, the rest all in 1440p, same resolution as my monitor, same as RetroArch itself:

https://steamcommunity.com/sharedfiles/filedetails/?id=3474905634

https://steamcommunity.com/sharedfiles/filedetails/?id=3474905678

https://steamcommunity.com/sharedfiles/filedetails/?id=3474905716

https://steamcommunity.com/sharedfiles/filedetails/?id=3474905775

[Heska FREEMONEY.NET]

The worst thing is that I noticed this too, I thought it was just in my head or some crazy configuration of mine. I use dynamic wallpapers and before the icons fit perfectly, now they are always a little out of place, kind of to the left.
I tested with wallpapers in 1080p and 1440p and they are still out of place, so I think it is some change in the layout of RetroArch itself, maybe since that update that changed the Ozone menu.
What I started doing was editing the wallpapers in GIMP, placing the "backgrounds" of the icons a little more to the left than normal, to try to compensate. It is a lot of work, but it worked quite well in some playlists.
If anyone has discovered a configuration that aligns correctly or a theme that respects the positioning better, I'm looking for it too. And if you post some screenshots of your customized playlists, it would be really cool to see!

[↑↑↓↓←→←→BASelect]

I had that problem with my backgrounds and I had to change retroarch from using my native resolution of 3440x1440 to using 2560x1440 and my icons now line up. Cause the backgrounds I'm using are 2560x1440.

Here are a few of mine that I made. Well I got the backgrounds from else where and I made most of the icons using photoshop and psd files. The game boxes and cartridges/cd images I got from web sites. But the game consoles and the icon in front of the games name I made in photoshop. So they look kinda lame.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001971

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001499

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999553

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999891

This one is still a W.I.P. still working on the icons.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414012252


I know no one likes my work but i'll post the link to my google drive in case you want the backgrounds i use or the custom icons i made.

https://drive.google.com/drive/u/0/folders/1jqSAtB12UytS8Qwqu27vCnS8rJ8ez7GR

[SantiDC4]

Originally posted by Heska:

The worst thing is that I noticed this too, I thought it was just in my head or some crazy configuration of mine. I use dynamic wallpapers and before the icons fit perfectly, now they are always a little out of place, kind of to the left.
I tested with wallpapers in 1080p and 1440p and they are still out of place, so I think it is some change in the layout of RetroArch itself, maybe since that update that changed the Ozone menu.
What I started doing was editing the wallpapers in GIMP, placing the "backgrounds" of the icons a little more to the left than normal, to try to compensate. It is a lot of work, but it worked quite well in some playlists.
If anyone has discovered a configuration that aligns correctly or a theme that respects the positioning better, I'm looking for it too. And if you post some screenshots of your customized playlists, it would be really cool to see!

Thank God I'm not the only one, this has driven me insane every time I open RA. Guess it's time for me to open GIMP too...

Originally posted by ↑↑↓↓←→←→BASelect:

I had that problem with my backgrounds and I had to change retroarch from using my native resolution of 3440x1440 to using 2560x1440 and my icons now line up. Cause the backgrounds I'm using are 2560x1440.

Here are a few of mine that I made. Well I got the backgrounds from else where and I made most of the icons using photoshop and psd files. The game boxes and cartridges/cd images I got from web sites. But the game consoles and the icon in front of the games name I made in photoshop. So they look kinda lame.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001971

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001499

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999553

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999891

This one is still a W.I.P. still working on the icons.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414012252


I know no one likes my work but i'll post the link to my google drive in case you want the backgrounds i use or the custom icons i made.

https://drive.google.com/drive/u/0/folders/1jqSAtB12UytS8Qwqu27vCnS8rJ8ez7GR

Haha we got the same wallpaper pack. Thankfully they came with templates for editing. Your icons also look really nice, I'd really like to use them, or any 3D icons if I wasn't working with massive libraries.

[↑↑↓↓←→←→BASelect]

Originally posted by SantiDC4:

Originally posted by Heska:

The worst thing is that I noticed this too, I thought it was just in my head or some crazy configuration of mine. I use dynamic wallpapers and before the icons fit perfectly, now they are always a little out of place, kind of to the left.
I tested with wallpapers in 1080p and 1440p and they are still out of place, so I think it is some change in the layout of RetroArch itself, maybe since that update that changed the Ozone menu.
What I started doing was editing the wallpapers in GIMP, placing the "backgrounds" of the icons a little more to the left than normal, to try to compensate. It is a lot of work, but it worked quite well in some playlists.
If anyone has discovered a configuration that aligns correctly or a theme that respects the positioning better, I'm looking for it too. And if you post some screenshots of your customized playlists, it would be really cool to see!

Thank God I'm not the only one, this has driven me insane every time I open RA. Guess it's time for me to open GIMP too... :sbscare:

Originally posted by ↑↑↓↓←→←→BASelect:

I had that problem with my backgrounds and I had to change retroarch from using my native resolution of 3440x1440 to using 2560x1440 and my icons now line up. Cause the backgrounds I'm using are 2560x1440.

Here are a few of mine that I made. Well I got the backgrounds from else where and I made most of the icons using photoshop and psd files. The game boxes and cartridges/cd images I got from web sites. But the game consoles and the icon in front of the games name I made in photoshop. So they look kinda lame.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001971

https://steamcommunity.com/sharedfiles/filedetails/?id=3414001499

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999553

https://steamcommunity.com/sharedfiles/filedetails/?id=3413999891

This one is still a W.I.P. still working on the icons.

https://steamcommunity.com/sharedfiles/filedetails/?id=3414012252


I know no one likes my work but i'll post the link to my google drive in case you want the backgrounds i use or the custom icons i made.

https://drive.google.com/drive/u/0/folders/1jqSAtB12UytS8Qwqu27vCnS8rJ8ez7GR

Haha we got the same wallpaper pack. Thankfully they came with templates for editing. Your icons also look really nice, I'd really like to use them, or any 3D icons if I wasn't working with massive libraries.

Thank you. You can if you want use the console icons that show with the play list.

I never uploaded the 3d/2d boxart or the 2d/3d carts/disks icons as they are over 40gb. Even using 7zip on max compression only shaved off 5 gb's.

[Phobos]

This problem is fixed by changing scaling ratio.

Depending on your resolution / screen format, you need to adjust the values when you play on a different screen resolution.

Settings > User Interface > Appearance > Menu Scale Factor.

The option should fix your issue If I understand it right, but there are a few others you might want to check here too, related to thumbnails size or margins for titles.

[SantiDC4]

Originally posted by Phobos:

This problem is fixed by changing scaling ratio.

Depending on your resolution / screen format, you need to adjust the values when you play on a different screen resolution.

Settings > User Interface > Appearance > Menu Scale Factor.

The option should fix your issue If I understand it right, but there are a few others you might want to check here too, related to thumbnails size or margins for titles.

I'm using standard 16:9, 2560x1440 as stated above. After looking at some old "accidental" screenshots I had lying around, the RetroArch UI layout DID indeed change at some point, or at least shift a few pixels, and I still use some of the same exact wallpapers I did back then.

I did end up settling for using the scaling, yeah. It's more of a temporary fix though, UI just gets scaled towards bottom right. The real fix is simply as stated above, to modify or pad out existing wallpapers to fit the UI. Kinda annoying when I use so many, from different people, but it is what it is. The people who made the wallpapers also haven't updated their packs or done anything else either, and I've looked everywhere for more wallpapers that aren't from the past year.

In the end, if this happens to anyone using fancy dynamic wallpapers, doing them yourself is a better choice, at least work with a template. Or just settle for menu scaling, though it won't be centered perfectly, only horizontally now in my case.

[Phobos]

Originally posted by SantiDC4:

Originally posted by Phobos:

This problem is fixed by changing scaling ratio.

Depending on your resolution / screen format, you need to adjust the values when you play on a different screen resolution.

Settings > User Interface > Appearance > Menu Scale Factor.

The option should fix your issue If I understand it right, but there are a few others you might want to check here too, related to thumbnails size or margins for titles.

I'm using standard 16:9, 2560x1440 as stated above. After looking at some old "accidental" screenshots I had lying around, the RetroArch UI layout DID indeed change at some point, or at least shift a few pixels, and I still use some of the same exact wallpapers I did back then.

I did end up settling for using the scaling, yeah. It's more of a temporary fix though, UI just gets scaled towards bottom right. The real fix is simply as stated above, to modify or pad out existing wallpapers to fit the UI. Kinda annoying when I use so many, from different people, but it is what it is. The people who made the wallpapers also haven't updated their packs or done anything else either, and I've looked everywhere for more wallpapers that aren't from the past year.

In the end, if this happens to anyone using fancy dynamic wallpapers, doing them yourself is a better choice, at least work with a template. Or just settle for menu scaling, though it won't be centered perfectly, only horizontally now in my case.

Hmm...
There might be another option somewhere related to scaling to fix the problem you're encountering, but I assure you you don't need to manually change the backgrounds, for a simple reason: I'm using the same dynamic wallpaper pack since 2021, and it's the first one from your pictures with personal alterations. I edited a few things back then to just fits my taste, but never had to change anything after that.

Previously, I had a different one I was using since 2016.

The only thing I had to do when I upgraded my monitor, was to play with scaling settings.
Since it doesn't perfectly line-up with this method for you, there's something else I did or that you did differently for sure, I'll try to check.

I went from 1920x1080 to 3840×2160 on a different monitor, all works the same as before, I only remember at some point that either the 1.0 scaling factor changed for some reason, or maybe the default font size, so I had to adjust stuff accordingly, but beside that, I never had to edit the backgrounds after my very first modifications.

If you want to give it a try, here's a sample from my pack for the Sharp X68000 core:
https://i.imgur.com/NQEjxMD.jpeg

All should be perfectly centered with the correct scaling options on a 4K monitor, but also with a QHD since it's a 16:9 display too.

Also, 'cause it matters, I'm using the default "retrosystem" icons option, also with personal modifications but only related to appearance, nothing changed related to size or scale.

[SantiDC4]

Originally posted by Phobos:

Hmm...
There might be another option somewhere related to scaling to fix the problem you're encountering, but I assure you you don't need to manually change the backgrounds, for a simple reason: I'm using the same dynamic wallpaper pack since 2021, and it's the first one from your pictures with personal alterations. I edited a few things back then to just fits my taste, but never had to change anything after that.

Previously, I had a different one I was using since 2016.

The only thing I had to do when I upgraded my monitor, was to play with scaling settings.
Since it doesn't perfectly line-up with this method for you, there's something else I did or that you did differently for sure, I'll try to check.

I went from 1920x1080 to 3840×2160 on a different monitor, all works the same as before, I only remember at some point that either the 1.0 scaling factor changed for some reason, or maybe the default font size, so I had to adjust stuff accordingly, but beside that, I never had to edit the backgrounds after my very first modifications.

If you want to give it a try, here's a sample from my pack for the Sharp X68000 core:
https://i.imgur.com/NQEjxMD.jpeg

All should be perfectly centered with the correct scaling options on a 4K monitor, but also with a QHD since it's a 16:9 display too.

Also, 'cause it matters, I'm using the default "retrosystem" icons option, also with personal modifications but only related to appearance, nothing changed related to size or scale.

That first pack really is great, the misalignment isn't too noticeable like with the others, even when the wallpapers are in 1080. Didn't come with a template, unfortunately.

I never really touched any of those settings before now, though. My monitor has also been the same for years. This all started around early last year, so I had just assumed it was an update or something. Can't have been an icon issue either, since I use systematic icons with some retrosystem ones mixed in, and added to that, content text is also skewed to the left or raised a bit as well. This is all in relation to the second wallpaper pack. The first one with black background, like I said, seems to not be as noticeable now with it's more open design. (Not all systems have one made though, so I have to use other wallpapers)

Here's the pack that worked flawlessly for me before:

https://www.reddit.com/r/RetroArch/comments/mz1zq0/dynamic_wallpapers_google_link_in_comments/?rdt=33892

And here's a recent screenshot after just upping the UI scale to 1.01x:

https://steamcommunity.com/sharedfiles/filedetails/?id=3476977358

For testing, here's the background you shared (really nice design, honestly):

https://steamcommunity.com/sharedfiles/filedetails/?id=3476992498

Seems like quite a few people have run into this issue, from what I can gather off videos, forums posts, etc., maybe around update 1.16.0.