NO BUG: Can't align text using CSS classes on mobile, only when editing directly

[Dennis]

Bricks Version: 1.6.1
Browser: Chrome 108
OS: Windows

I’m pretty sure I’m doing something wrong, but I can’t figure out why I can’t align this text using the CSS class.

• There’s no CSS set in the text content itself, just raw text.
• On the base breakpoints there is no alignment set
• On the base breakpoint text alignment using the CSS class does work
• There’s no alignment set on any of the divs/blocks above

[timmse]

Hi Dennis,
Thanks so much for your report!

Can you provide me with a live link? I can probably tell pretty quickly from the styles why it doesn’t work.

Best regards,
timmse

[Dennis]

Yes, of course. I’ve sent you a URL in a direct message.

[timmse]

Hey Dennis,
You’ve applied text-align: center to the ID on the mobile landscape breakpoint. Since the styles cascade down to mobile portrait and the ID always has more impact and weight as the class, it overrides your class setting:

Best,
timmse

[Dennis]

Thanks, that fixed it!