hr/ tag not working in table live

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

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.

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

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

Fixed, thanks

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

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

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/

Hi,

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

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

Regards,
Tobias

Perfect, thanks, it worked…

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!

Will surely do. One more thing.

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

Hi,

sure! Just extend it to

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

Regards,
Tobias