2 tableheads row colors issues border a per cell basis ?

  • Resolved massa974

    (@massa974)


    10 years, 9 months 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/

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

    (@tobiasbg)

    10 years, 9 months 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

    Thread Starter massa974

    (@massa974)

    10 years, 9 months 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

    Plugin Author TobiasBg

    (@tobiasbg)

    10 years, 9 months 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘2 tableheads row colors issues border a per cell basis ?’ is closed to new replies.

Tags