This is a pretty unique edge case in that you have several spans in one line with the parent text block set to flex.
I was still able to remove the bold from part of the text though:
I’d recommend building this out a different way for more flexibility though. A parent div set to flex with three different text blocks inside. This will make it much easier to work with, I think.
“I’d recommend building this out a different way for more flexibility though. A parent div set to flex with three different text blocks inside. This will make it much easier to work with, I think.”
I get what you’re saying. In this project the
Statuses are in another divblock in a columns nested in a wrapper.
Plain text statuses are fine.
Then Client wants on off status indicators (red green tint) so made {{{ $statusIfOn }}} {{{ $statusIfOff }}} which display correctly (only On will say ON with Green, or only Off will say Off with Red.)
The problem is when Off is being diplayed, the Bold Text in between interfere with flex arrangement
Moving this into seperate div block format still has wrapping problems, unless we rewrite {{{ display:hidden }}} into , but thats another issue…
As a work around I just did it all again from scratch and reset all the data ids. It’s just tedious as I feel like not being able remove unwanted code ( <strong> ) is a bummer and I consider it bad user experience.