WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] 2 tableheads + row colors issues + border a per cell basis ? (4 posts)

  1. massa974
    Member
    Posted 1 year ago #

    Hi Tobias,

    first of all, thak you for the wonderful plugin, and the exceptional support you are offering in the forums.

    I use your plugin on this website. (please scroll down to the table with red and green cells)

    1 - You'll notice that the tablehead, in first column is not aligned to other tableheads. I double checkled, and I'm using the exact same code in each cell :

    <center><h3 style="color:#0C2044; margin-top:20px; margin-bottom:20px">Billing cycle</h3></center>

    Do you know how to fix this ?

    2 - I tried the following css to change all tableheads default color :

    .tablepress,
    .tablepress thead th,
    .tablepress tfoot th {
    	border: 1px solid #EBEBEB;
    	background-color: #0C2044;
    }

    It's keeping the original gray, do you know what's wrong here ?

    3 - As for alternate color, I'm using this :

    .tablepress .odd td {
    	background-color: #EBEBEB;
    	font-size: 12px;
    }
    
    .tablepress .even td {
    	background-color: #F5F5F5;
    	font-size: 12px;
    }

    1st color shows fine, second doesn't. Any idea ?

    4 - Finally, I' wondering if there's a way to remove borders on a per cell basis. Please have a look at the column filled with "$7" only.

    I'd like to remove bottom and right border of those cells. Is that possible ?

    Thanks !

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your questions, and sorry for the trouble!

    1. I'm not sure where this comes from, but the fix should be to completely remove all the HTML code from these cells, and to only paste in the text that is visible. Then, do the styling (centering, padding, ...) with CSS code as well.

    2. and 3.: Those are similar: Unfortunately, your theme also adds CSS code to the page that influences tables. To fix that, you need to make your CSS more aggressive, by adding the !important keyword, like

    .tablepress thead th,
    .tablepress tfoot th {
    	border: 1px solid #EBEBEB;
    	background-color: #0C2044 !important;
    }

    You might then have to do this in all of your CSS commands that deal with background colors.

    4. That would work in the same way as the per-cell background color change, i.e. with something like

    .tablepress-id-123 .row-3 .column-4 {
      border: none !important;
    }

    However, as the border is only 1 pixel thick and between the cells, you might need to play around with setting the border to the same color as the background color.

    Regards,
    Tobias

  3. massa974
    Member
    Posted 1 year ago #

    Hi Tobias,

    thank you very much for the fast reply and the given answers.

    Everything works like a charm except for -1-.

    I tried writing only the wanted text in the cell, and tried this css /

    .tablepress-id-10 thead th,
    .tablepress-id-10 tfoot th {
    	background-color: #0C2044 !important;
    	color: #ffffff;
    	border: 1px solid !important;
    	margin-top: 200px !important;
    	text-align: center !important;
    }

    text color doesn't apply, same as margin. Did I do something wrong ?

    Thanks

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    great to hear that this helped already. For the remaining issue: Just try this:

    .tablepress-id-10 thead th,
    .tablepress-id-10 tfoot th {
    	background-color: #0C2044 !important;
    	color: #ffffff !important;
    	border: 1px solid !important;
    	padding-top: 200px !important;
    	text-align: center !important;
    }

    That also adds the !important keyword to the text color, and instead of margin, you'll want to use padding (which is basically the "inner margin").

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic