T
Typebot•2mo ago
nefer_l

Text Bubble - Text Alignment Inconsistent

Why are text bubbles on mobile centered aligned and left aligned on desktop? I'd like to match mobile with left text alignment. Thanks!
No description
No description
3 Replies
Hall
Hall•2mo ago
Someone will reply to you shortly. In the meantime, this might help: -# This post was marked as solved by nefer_l. View answer.
Baptiste
Baptiste•2mo ago
Oh that's odd Let me try to reproduce Can't reproduce. Are you sure you don't have any custom CSS impacting this?
nefer_l
nefer_lOP•2mo ago
Good call! I didn't consider the page CSS can effect Typebot. What was odd is that it happened on elements with an attribute of data-element-type="p" I added custom CSS in my Typebot and seems to work:
[data-element-type="p"] {
text-align: left !important; /* Ensure left alignment overrides any existing styles */
}
[data-element-type="p"] {
text-align: left !important; /* Ensure left alignment overrides any existing styles */
}
Hope this helps someone 😄

Did you find this page helpful?