Tablepress Vertical Align and Space between cells

  • Resolved maslerdanch

    (@maslerdanch)


    11 years, 6 months ago

    I achieved this without any issue in wp-table-reloaded but am struggling in tablepress. https://bit.ly/14nkyUJ

    Slowly migrating to tablepress which is frankly awesome! Any help appreciated!

    /************* Table 2 *************/
.tablepress-id-2 tbody td, .tablepress-id-2 th { vertical-align:middle!important; text-align:center;}

.tablepress-id-2,
.tablepress-id-2 tr,
.tablepress-id-2 tbody td,
.tablepress-id-2 thead th,
.tablepress-id-2 tfoot th {
	border: none;
}

.tablepress-id-2 {
    width: auto;
}

.tablepress-id-2 img {
    margin: 0;
}

.tablepress-id-2 .row-1 .column-1 {
	background-color: #e9cf77;
	margin-right:16px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tablepress-id-2 .row-1 .column-2 {
	background-color: #e9cf77;
	margin-right:16px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tablepress-id-2 .row-1 .column-3 {
	background-color: #e9cf77;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tablepress-id-2 .column-1,
.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3 {
	vertical-align:top!important;
	padding-left: 22px;
	width:238px;
}

.tablepress-id-2 .row-1 td {
	background-color:transparent; vertical-align:middle!important;
}

.tablepress-id-2 .hilite {
font: 14px/23px verdana;
   color: #933333;
font-weight:bold;
vertical-align:middle !important;
}

.tablepress-id-2 .hilite a { color:#635147;}

    https://www.ads-software.com/extend/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your question.

    Now, I can see the table on your page, but I don’t really understand what you would like to change. Could you explain that a little further? Thanks!

    Regards,
    Tobias

    Thread Starter maslerdanch

    (@maslerdanch)

    Apologies Tobias and thanks for the quick response. It’s the second table at the bottom, ‘Make an Enquiry’ etc..

    I want the cells to be 238px wide with a 22px gap between each, also for the text to be vertically aligned to the middle.

    I had achieved this with wp-reloaded (https://bit.ly/VfnUXb – 3/4 down the page) but can’t seem to get it to work with tablepress.

    Best wishes

    Mas

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the explanation. To achieve that, please add this:

    .tablepress-id-2 {
    border-collapse: separate;
    border-spacing: 20px 0px;
    font-size: 8pt;
}
.tablepress-id-2 img {
    vertical-align: middle;
}

    Note that the table structure is different: In the WP-Table Reloaded table, you had used five columns (with two being empty), while this is a three-column table.

    Regards,
    Tobias

    Thread Starter maslerdanch

    (@maslerdanch)

    Thanks Tobias! That’s great!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    sure, no problem! You are very welcome!
    Great 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 maslerdanch

    (@maslerdanch)

    Rated 5*

    As an aside how do I manipulate single cell hover state?

    i.e. mouseover and change the background colour?

    Thanks again!!!!!

    Mas

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the rating, I really appreciate it!

    To change that hover, please try

    .tablepress-id-2 tbody td:hover {
  background-color: #ff0000 !important;
}

    Regards,
    Tobias

    Thread Starter maslerdanch

    (@maslerdanch)

    Superb!

    Thank you!

    And I thought reloaded was good.

    TablePress is awesome!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the nice words, I really appreciate it! ??

    Best wishes,
    Tobias

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Tablepress Vertical Align and Space between cells’ is closed to new replies.