Support » Plugin: TablePress » Vertical text: not aligning to bottom in their rows

  • Resolved kencope

    (@kencope)


    Hi Tobias,

    I wonder if you can help me, please?

    I have been struggling with this for several hours and have not quite got the results I’m after, it’s almost there but this last bit has me stumped. The text in Row 1 keeps aligning to the top of the row whereas I’m trying to get it to align to the bottom. I’ve tried many different options without success and wonder if you can point me in the right direction, please?

    This is the code for this table:

    .tablepress-id-149,
    .tablepress-id-149 tr,
    .tablepress-id-149 tbody td,
    .tablepress-id-149 thead th,
    .tablepress-id-149 tfoot th {
    	font-size: 14px;
    	border: 1px solid #DDDDDD;
    }
    
    .tablepress-id-149 .row-1 {
    	height: 250px;
    }
    
    .tablepress-id-149 .row-1 td,
    .tablepress-id-149 .row-2 td {
    	background-color: #6B84AE;
    	color: #fff;
    }
    
    .tablepress-id-149 .row-1 span,
    .tablepress-id-149 .row-2 span {
    	-webkit-transform: rotate(-90deg);
    	-moz-transform: rotate(-90deg);
    	-ms-transform: rotate(-90deg);
    	-o-transform: rotate(-90deg);
    	transform: rotate(-90deg);
    	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    	display: block;
    	width: 20px !important;
    }
    
    .tablepress-id-149 .column-1 {
    	width: 160px !important;
    }
    
    .tablepress-id-149 .column-2,
    .tablepress-id-149 .column-3,
    .tablepress-id-149 .column-4,
    .tablepress-id-149 .column-5,
    .tablepress-id-149 .column-6,
    .tablepress-id-149 .column-7,
    .tablepress-id-149 .column-8,
    .tablepress-id-149 .column-9,
    .tablepress-id-149 .column-10,
    .tablepress-id-149 .column-11,
    .tablepress-id-149 .column-12,
    .tablepress-id-149 .column-13,
    .tablepress-id-149 .column-14,
    .tablepress-id-149 .column-15,
    .tablepress-id-149 .column-16 {
    	width: 20px !important;
    	white-space: nowrap;
    	}

    Thanks in advance.

    Kind regards,

    Ken

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Just extend

    .tablepress-id-149 .row-1 td,
    .tablepress-id-149 .row-2 td {
    	background-color: #6B84AE;
    	color: #fff;
    }

    to

    .tablepress-id-149 .row-1 td,
    .tablepress-id-149 .row-2 td {
    	background-color: #6B84AE;
    	color: #fff;
    	vertical-align: bottom;
    }

    Regards,
    Tobias

    Brilliant! Thank you so much.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertical text: not aligning to bottom in their rows’ is closed to new replies.