Table Rows Too High

Hello Tobias,

first off, thank you much for this awesome plugin.

I have managed to either fiddle around long enough or find answers to all of my questions except for this one. I have a table with two rows where the first row is huge text, the second row is small text.

The problem is that my first row is too high – I would like to get rid of the empty space above and below the text so that both rows’texts sit close together. I have set padding and margin to 1px, to no effect.

Below is my complete CSS related to this table. On this page I have made a screen of the table with text being selected so that you can see the empty space below and above the first row’s text.

Could you please push me in the right direction?

Many thanks and regards to Germany,
Daniel

/*   Column Settings */ 
.tablepress-id-4 tbody td {
	border-bottom  : none !important;
	border-top   : none !important;	
}

.tablepress-id-4 .column-1 {
	text-align: center;
	border-right : 1px solid #D3D3D3;
}

.tablepress-id-4 .column-2 {
	text-align: center;
	border-right : 1px solid #D3D3D3;
}

.tablepress-id-4 .column-3 {
	text-align: center;
	border-right : 1px solid #D3D3D3;
}

.tablepress-id-4 .column-4 {
	text-align: center;
	border-right : 1px solid #D3D3D3;
}

.tablepress-id-4 .column-5 {
	text-align: center;
	border-right : 1px solid #D3D3D3;
}

.tablepress-id-4 .column-6 {
	text-align: center;
}

/*   Row Settings */ 
.tablepress-id-4 .row-1 {
	background-color: #FFFFFF;
	font-size: 40px
	font-weight: normal;
	}

.tablepress-id-4 .row-1 tr {
	line-height: normal;
}

.tablepress-id-4 .row-1 td {
	padding-top : 1px !important;
	padding-bottom : 1px !important;
	margin-top : 1px !important;
	margin-bottom : 1px !important;
	height  : 20px !important;
}

.tablepress-id-4 .row-2 {
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 15px
}

.tablepress-id-4 .row-2 td {
	padding-top : 1px !important;
	padding-bottom : 1px !important;
}

• This topic was modified 8 years ago by eubie.