Change text height in tables

  • Author
    Posts
  • #116830

    kanzleikolossa
    Member
    Original poster

    Hi, i integradet two pages with tables. They become very long, because the distance between two lines is very large. How can i decrease the distance / text height for these tables? Every table is contained by a div. I tried adding the following css code, but nothing happened.

    #gegentsands_rechner table{border-width:0px; line-height: 10px;}
    #paketPreis table{border-width:0px; line-height: 10px;}

    #117049

    mkrdip
    Theme Author

    Hi there,

    Would you mind to share your website URL with us, please? Right now, I am not sure without any visual example if I can help you with the issue that you are facing.

    Thanks.

    #117112

    kanzleikolossa
    Member
    Original poster

    Hi mkrdip,
    the links are:
    https://kanzlei-kolossa.com/intervalle-uebersicht/
    https://kanzlei-kolossa.com/basispaket/

    I want the table more compact, so the viewer can have a better overview.

    Thanks for helping :)

    #117140

    mkrdip
    Theme Author

    Hi there,

    They are perfectly designed to get the best view based on screen size. You can try the following CSS via Customize > CSS and see if you like it.

    .entry-content td, .entry-summary td, .comment-body td, .widget td, .entry-content th, .entry-summary th, .comment-body th, .widget th {
        padding: .7em;
    }

    Let me know.

    Cheers.

    #117142

    kanzleikolossa
    Member
    Original poster

    Hi mkrdip,
    thanks for your answer, we’re getting closer ;)

    There is a questsion left:
    In my slider-table (https://kanzlei-kolossa.com/intervalle-uebersicht/) my html-code for the cell with input and slider is:
    <td id='td_parent' class='tc'><input name='wert' class='tr' /><div id="slider"></div></td>

    –> Mozilla-Inspector shows, that there’s a paragraph added in front of the divs:
    <td id='td_parent' class='tc'><input name='wert' class='tr' /><p></p><div id="slider"></div></td>

    I think the theme adds the <p> automatically? Is there a way to prevent it from doing so for this table?
    I checked my program, there’s no <p> added anywhere and it works with other themes.

    #117154

    mkrdip
    Theme Author

    Hi there,

    It’s auto p from WordPress not our theme. When you press enter on keyboard WordPress takes a new paragraph, so either you need to remove all of this enter space or have to use the following CSS:

    table td.tc p {
        margin-top: .5em;
        margin-bottom: .5em;
    }

    Hope this helps.

    Cheers.

    #117156

    kanzleikolossa
    Member
    Original poster

    Great, thanks a lot :)

    #117160

    mkrdip
    Theme Author

    You are welcome.

    Have a nice day, Cheers.

The topic ‘Change text height in tables’ is closed to new replies.