2024-10-15, 08:44 PM
So I have been setting up ultrachromatic and it shows in the example images a backdrop for the main page but mine doe snot have that. I already had to fix the CSS it was creating for the backdrops on the item pages.
It creates the CSS like this:
.backdropImage {filter: blur(80px);}
.backdropImage {filter: saturate(200%);}
.backdropImage {filter: contrast(160%);}
.backdropImage {filter: brightness(15%);}
But that way is overwriting each filter as it is read so only brightness gets applied
The fix is adding them all to the same line:
.backdropImage {filter: blur(80px) saturate(200%) contrast(160%) brightness(15%);}
But I still cannot figure out why there is no main page backdrop.
Anyone dealt with this and know how to proceed?
It creates the CSS like this:
.backdropImage {filter: blur(80px);}
.backdropImage {filter: saturate(200%);}
.backdropImage {filter: contrast(160%);}
.backdropImage {filter: brightness(15%);}
But that way is overwriting each filter as it is read so only brightness gets applied
The fix is adding them all to the same line:
.backdropImage {filter: blur(80px) saturate(200%) contrast(160%) brightness(15%);}
But I still cannot figure out why there is no main page backdrop.
Anyone dealt with this and know how to proceed?