Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 21, 2023 at 9:21 am #1398741
    JannyPolak

    Hi,
    I could not find the solution in the documentation or forum.

    I use table layout, standard rows and columns with text
    I do have more lines of text per cell and want the text in each cell centered in the middle and not start on top of the cells

    How to make the text in each cell centered in the middle (seen from top to bottom and from left to right)

    Note: on this page the link to the youtube tutorial (on the bottom of the page this is mentioned) is not working. the tutorial is set to private:https://kriesi.at/documentation/enfold/table/

    • This topic was modified 1 year, 10 months ago by JannyPolak.
    February 21, 2023 at 4:08 pm #1398789
    Nikko

    Hi JannyPolak,

    Can you give us a link to you page with the table? so we can inspect it.
    You can post the link in private content, if you don’t want to show the link in public.

    Best regards,
    Nikko

    February 21, 2023 at 5:35 pm #1398802
    JannyPolak

    Hi,
    An examples is the table on top of this page: https://www.rietreiger.nl/prijzen-en-boeken/
    See columns 2 and 3. I would like to center the texts in the cells

    February 22, 2023 at 10:59 am #1398859
    Nikko

    Hi JannyPolak,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    .avia-table tr th:first-child, 
.avia-table tr td:first-child {
    text-align: center;
}

    Best regards,
    Nikko

    February 23, 2023 at 10:27 am #1398977
    JannyPolak

    Hi Nikko

    It doesn’t change the layout unfortunately
    even after cleaning cache

    any other suggestion?

    rgds, Janny

    February 23, 2023 at 6:00 pm #1399049
    Mike

    Hi,
    Thanks for the link to your page, when I check the cell items are horizontally centered:
    Enfold_Support_442.jpeg
    so i assume that you wanted them also vertically centered, if so please add this css:

    #main .avia-table td {
vertical-align: middle;
}

    This is the expected results:
    Enfold_Support_444.jpeg
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 23, 2023 at 6:12 pm #1399050
    JannyPolak

    Many thanks, it works fine!

    February 24, 2023 at 1:18 am #1399067
    Nikko

    Hi JannyPolak,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Table text centered in each cell’ is closed to new replies.