Background colour for inline list using tiles

Ask for Help
1

I am using an inline list - tiles - with the text on top of the tile (centered). I am using a colour swatch as the background image. But beause it applies a dark overlay (when the text is on top of the tile rather than below) the colour displayed is very different from the swatch uploaded. There is no problem in being able to see the reversed out (white) text without this darkening - some of the colours are the same as the theme colour where the text is clearly visible. Is it possible for me to avoid this “darkening” effect?

Thanks

Paul

2

Sounds like you have a Classic App. If that’s the case, you can use the following CSS in a Rich Text component:

<pre><span><style>
[data-test="tile-item"] .tile-overlay { background: none; }

Just be aware that this will eventually stop working.

3

Thanks.

If I build the app using the new format is there any option? I currently have a Pro account. If I upgrade to Business does that allow me to use this type of css?

Thanks

Paul

4

The new Apps don’t have a tiles layout - at least not the same as Classic Apps. But there are plenty of other options. I’d say try it and experiment a bit.

Yes, if you upgrade to a Business Plan then you do have the option of using Custom CSS.

1 Like
5

Thanks