Bug in: Data Table: Header vs Content padding

  • Resolved ankitnagpal

    (@ankitnagpal)


    4 years, 7 months ago

    See image: https://i.imgur.com/kDICZnq.png

    When I use your Data Table element (not the EA Advanced Data Table), and I set cell content as “Editor” and not “TextArea”, and set padding to 0 in all Header and Content, Your table sets 0 padding to Header perfectly fine, but in content it leaves a space even when all the paddings are 0 (especially bottom padding: 0), because the header is wrapped in <span> tag, but the “Editor” is wrapped in <p> tag. This <p> tag keeps a space at the bottom even when the bottom padding is set to 0.

    See image: https://i.imgur.com/kDICZnq.png

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

    (@abidhasan112)

    Hi @ankitnagpal ,

    When you write content in your cell by choosing Editor(Which is WordPress Default Editor) , It adds <p> tag. This is because WordPress default editor add <p> tag when you write anything is that editor.

    And this <p> tag margin is already set to in your theme. When I reproduced your query, I also found the same case. Have a look, This <p> tag margin-bottom CSS comes from theme CSS: https://d.pr/i/bGSA2Y

    So if you want to solve this, You can use this CSS on your stylesheet:

    .eael-data-table .td-content p {
    margin-bottom: 0px !important;
}

    NOTE: I recommend you to add unique class name to your widget and add CSS in that class name for better practice.

    Let me know how it goes. Cheers!

    Thread Starter ankitnagpal

    (@ankitnagpal)

    But the issue is that same thing doesn’t happen in the header. When same editor and 0 padding is used. It happens only in content area.

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @ankitnagpal ,

    In the Header, There is no option for the WordPress Default Editor: https://d.pr/i/HbFnXt
    That editor(WordPress Default Editor) option available only the content area only: https://d.pr/i/KcNFGg

    So if you want to prevent that <p> tag margin that comes from theme CSS, You can use the above CSS.

    Hope you understand.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Bug in: Data Table: Header vs Content padding’ is closed to new replies.