Removing the large splash images

[kingmustard]

I have just installed ElegantFin and I like it.

However, on film and TV pages, there is a huge background, requiring scrolling down to see the various details.

Ideally, I would prefer to have to scroll far less when the page loads.

Is it possible to reduce this?

I have included two screenshots, one is the default, and the second how I would prefer it if possible.

EDIT: It is already fine in the Android app 😊 Appears to be a desktop thing.

[lscambo13]

Yes, there is a way using the --primaryItemPageNegativeSpace variable, but this is still in testing and I might change its behavior in future.

To achieve what you want, simply increase the number according to your liking, and paste it after the import in the Custom CSS box. The default value in the latest version is 14vh. Let me know what number worked best for you.

body {
    --primaryItemPageNegativeSpace: 45vh;
}

[kingmustard]

Yes, there is a way using the --primaryItemPageNegativeSpace variable, but this is still in testing and I might change its behavior in future.

To achieve what you want, simply increase the number according to your liking, and paste it after the import in the Custom CSS box. The default value in the latest version is 14vh. Let me know what number worked best for you.

body {
    --primaryItemPageNegativeSpace: 45vh;
}

Hi there, @lscambo13,

Thank you for your response.

That code has moved it up half-way between the two screenshots, which is better than it was 😊