• Resolved Okaztle

    (@okaztle)


    I use the hr/ tag inside the table to separate a text and it showed in the preview but not on the post page itself.

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Where exactly is that <hr /> tag on the page in your link? I can’t find any?

    Regards,
    Tobias

    Thread Starter Okaztle

    (@okaztle)

    I removed it, because it showed but stuck in middle and too much space below it.

    Check it now under the DISPLAY TYPE.

    And is there a way i can make that line full width inside the columns and reduce the space below and above the line.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    to make that <hr> look nicer in the table, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress hr {
    	margin: 6px 0;
    	border-top: 1px solid #ccc;
    }
    .tablepress hr + br {
    	display: none;
    }

    Unfortunately, it’s not possible to make it full width, sorry. You will always have the cell’s padding (inner white space) around it.
    If you wanted to achieve such effect, you’d have to put the texts that are separated by the <hr> into their own cells, and then use row merging (via the “rowspan” button) in the cells in the left column.

    Regards,
    Tobias

    Thread Starter Okaztle

    (@okaztle)

    I like the merging idea but #rowspan# shows in the box

    Thread Starter Okaztle

    (@okaztle)

    Fixed, thanks

    Thread Starter Okaztle

    (@okaztle)

    Ok, i use the #colspan but is there a way to make the text to go to the middle?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    yes, these keywords need to be in there, so that TablePress knows that the cells are connected.

    What exactly do you want to center? Usually, something like

    .tablepress-id-123 .row-5 .column-4 {
      text-align: center;
    }

    (with correct table ID, row number, and column number) works.

    Regards,
    Tobias

    Thread Starter Okaztle

    (@okaztle)

    Is there anyway to make it work for all table not just one table, look at this one https://www.okaztle.com/honor-play-4t-pro/

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    do you mean the cells with #colspan# and the red text?
    You could then use

    .tablepress td[colspan] {
        text-align: center;
    }

    Regards,
    Tobias

    Thread Starter Okaztle

    (@okaztle)

    Perfect, thanks, it worked…

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter Okaztle

    (@okaztle)

    Will surely do. One more thing.

    Can i define the color and font weight + size in the colspan centerd code you provided above?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    sure! Just extend it to

    .tablepress td[colspan] {
        text-align: center;
        color: #ff0000;
        font-weight: bold;
        font-size: 16px;
    }

    Regards,
    Tobias

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘hr/ tag not working in table live’ is closed to new replies.