Colour settings now beat your theme

Two merchant reports this week turned out to be the same bug, and once we measured for it properly we found it in 200 of our 229 sections. All of them are fixed.

Promo Mosaic: the colour pickers now actually work

Every colour setting in Promo Mosaic could be dead depending on your theme. You would pick a colour for Text on photos, save, and the tile headline stayed whatever colour your theme paints headings.

It was not a Promo Mosaic setting problem, it was a cascade problem: the section handed the headline its colour by inheritance, and an inherited colour loses to any colour a theme sets directly on h2 / h3, which nearly every theme does. The same thing was happening to the section heading, the eyebrow, the subheading, the header link, the tile pill and its label.

There was a worse one hiding behind it. The whole tile is a link, and on a theme that gives links a background and a border, that link painted a grey box over the photograph.

All of it is fixed, and pinned by a test that renders the section under a deliberately hostile theme stylesheet and checks the pixel a shopper actually sees against the colour you picked. 772 checks, in every text position, at every breakpoint, with the header on and off.

Coverflow: the title shadow is now optional

The soft black shadow behind slide titles was hardcoded, so there was no way to turn it off. Image overlay → Soft shadow behind the title now switches it.

It ships on, so nothing changes on your storefront until you turn it off. The same switch was added to Coverflow Hang, and the colour setting confusingly labelled "Title text" is now labelled "Title color". It was always a colour picker, never a place to type the title. (Slide titles are typed on the slide itself, under Title.)

Every other section, too

Once we understood the mechanism we tested the whole library for it, with a deliberately hostile theme stylesheet loaded alongside each section. 200 sections had it somewhere: a heading, a price, a button label, a caption. 204 of 222 now hold, against 22 before we started.

Nothing about how your sections look has changed. Every stylesheet was rendered before and after at five screen widths, comparing 45 style properties and the exact position and size of every element, and only kept where that came out identical. What changed is which stylesheet wins the argument with your theme.

One thing to know if you write your own CSS: our section styles now win against your theme by being more specific, and an override of yours written as .modulo-xx .modulo-xx__thing is now only as specific as ours, so it may no longer win. Add one more class to the front of it, or !important, and it does. If we ever sent you a snippet and it stops working, reply to this and we will rewrite it for you.

Sections you already installed show Update available in the app. Updating keeps your settings.