Text alignment bug (CSS) in EA Data Table?

  • Resolved prodefu

    (@prodefu)


    3 years, 7 months ago

    Hi,

    Maybe I’m overlooking something, but I did set the text alignment for the content to ‘left’ for all devices. But still short content ends up aligning center on smartphones (screen max-width 767px).

    At first it didn’t make any sense to me, felt like a bug. But then I found the culprit:

    @media (max-width: 767px) {.td-content {justify-content: center;}}.

    Maybe this CSS line is there for a good reason, but I can’t see why. So, EA developers, could this line be removed, if it has no purpose? Thanks!

    • This topic was modified 3 years, 7 months ago by prodefu.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @prodefu ,

    Hope you’re doing good.
    Thanks for pointing this out. When the alignment of the content is set for the mobile device separately, this justify-content: center; needs to remove. We will fix this in the future version don’t worry.

    For now, you can add this custom CSS in your stylesheet to unset this CSS:

    @media (max-width: 767px) {
.eael-data-table-wrap .td-content {
    justify-content: unset !important;
  }
}

    You can add custom CSS by following this documentation: https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/

    Let me know how it goes.
    Thank you!

Viewing 1 replies (of 1 total)
  • The topic ‘Text alignment bug (CSS) in EA Data Table?’ is closed to new replies.