Support » Plugin: TablePress - Tables in WordPress made easy » Tablepress Vertical Align and Space between cells

  • Resolved maslerdanch

    (@maslerdanch)


    I achieved this without any issue in wp-table-reloaded but am struggling in tablepress. http://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;}

    http://wordpress.org/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 (http://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.