• 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 Tobias B?thge

    (@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

    Thread Starter kencope

    (@kencope)

    Brilliant! Thank you so much.

    Plugin Author Tobias B?thge

    (@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.