Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 4, 2020 at 6:05 pm #1219480
    accessusweb

    Hello, I’m having a weird problem with the table cells where there seems to be extra padding into the cells, pushing the content up or down – opposite of the adjacent cells. I have tried adding the table cells through the Avia Layout Builder and manually into a text box, but the results are the same. Can anyone tell me what I can do to fix this?

    Enfold Version 4.7.5

    Including login info and a link to an example page for Enfold Support in Private Content area.

    June 4, 2020 at 6:23 pm #1219483
    accessusweb

    It appears that the problem only exists when adding an image and text in adjacent table cells. If I add only images or only text into both cells then there is no added padding, and the tables look OK.

    Table Spacing Problem When Using Text & Image In Adjacent Cells

    • This reply was modified 5 years, 9 months ago by accessusweb.
    June 4, 2020 at 9:12 pm #1219556
    accessusweb

    Using the DevTools in my browser I was able to find a CSS entry that lets me change how images placed in tables align within the cells, and added the following to Enfold Quick CSS – changing a “vertical-align: baseline;” portion of the CSS to be “vertical-align: top;”.

    img{
    margin: 10;
    padding: 10;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top; }

    Not sure if this is the best way to handle the problem, but seems to fix the problem.

    June 10, 2020 at 6:38 pm #1221316
    Victoria

    Hi accessusweb,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.