Custom CSS Partially Working

One other follow up. Does my Custom CSS have to be in the plugin css or can I put it in my main stylesheet custom css?

The above referenced is in the plugin custom css as an FYI.

Jason

Great! Thank you for the response. Using the Number instead of letter worked! 🙂

Two clarifying questions to help me speed this up as I have 14 tables with 286 cells (11×26)

Any other way I can NOT have to do EACH cell?

I liked the span idea, but it does not look good. So I need the full cell background colored. Since each table has the same cell content, simply in different cells from table to table, and within a table there are 6 types of content that could be in a cell (6 different letters) and I want all the cells with a particular letter to be the same color. Again like the example here: http://www.blackjack-chart.com/dealer-stands-on-soft-17/

Anyway I can use classes or otherwise not do
`.tablepress-id-3 .row-3 .column-2 {
background-color: #88a550;
}

in 4004 cells individually across my 14 tables?!?

I am trying to speed this up 🙂

Ok second question:
does the CSS for tablepress have to be in the tablepress CSS in the Plugins Options tab or can I put it in my main custom CSS file in my child theme?

Thank you again,
Jason

Great idea on the tablehighlight. However, because the terms have to be 100% unique, it won’t work for me.

Example, I have a terms “h” and “dh” and “Hard”… because the letter “ha” exists in all three terms, it is placing one color over all three terms.

I will just have to manually code unless you know a work around…please advise.

Also, on this example chart I got the ideas from http://www.blackjack-chart.com/dealer-stands-on-soft-17/ when you hover over a cell, the cell border turns white as does the column and row header/first cell. How do I achieve this affect?

I did initial order the CSS as you state…I will try it again and triple check it.

Let me also ask this. It is not clear to me when using multiple terms in the shortcode, what the correct syntax is.

Currently I have:
[table id=7 highlight="h" highlight="dh" /]

Is that correct?

My css looks like:

/* test of term highlighint */
.tablepress-id-7 .highlight-h {
	background-color: #aebd38 !important;
}

.tablepress-id-7 .highlight-dh {
	background-color: #ffa577 !important;
}
/* End test of term highlighint */

You can see on this page: http://npodev.com/darkstar-blackjack-aug-2015/4-decks-h17-das-ns/

Only the Dh has the colors. If I remove the Dh (dh) highlight code and only have “h” then any cell with an “h” gets highlighted. So it is not following any “unique” structure.

(Site folder is protected. )You will need:

UN: websiteadmin
PW: ErW^D?g,QQC

1. Does my shortcode look correct or do I need to fix the syntax?

2. Is my css test correct?

3. Any other thoughts?

P.S. thank you a bunch…this highlighting plugins will save me about 10 hours of styling…so I want to get it to work!

#1 Thank you, Thank you, Thank you!!!

#2 I got it to work with the tablehighlight. That cut my lines of css from over 600 per table to 112. Incredible!

#3 the java thing is a bit over my head and the time/money investment for me to figure it out/hire someone isn’t worth it at the moment…maybe in the future!

So…here is my “test table” fully completed.

You can see on this page: http://npodev.com/darkstar-blackjack-aug-2015/4-decks-h17-das-ns/

(Site folder is protected. )You will need:

UN: websiteadmin
PW: ErW^D?g,QQC

Here is my finished CSS for this one table:

/*-------------------------[4+ Decks (H17 DAS NS)]-----------------------------*/
/*-----------------[Table 7 Row 1 Header]-----------------*/
/*------------[Tablepress Default Light Blue]------------*/
.tablepress-id-7 .row-1 .column-1,
.tablepress-id-7 .row-1 .column-2,
.tablepress-id-7 .row-1 .column-3,
.tablepress-id-7 .row-1 .column-4,
.tablepress-id-7 .row-1 .column-5,
.tablepress-id-7 .row-1 .column-6,
.tablepress-id-7 .row-1 .column-7,
.tablepress-id-7 .row-1 .column-8,
.tablepress-id-7 .row-1 .column-9,
.tablepress-id-7 .row-1 .column-10,
.tablepress-id-7 .row-1 .column-11 {
	background-color: #d9edf7 !important;
}

/*-----------------End [Table 7 Row 1 Header]-----------------*/
/*------------End [Tablepress Default Light Blue]------------*/
/*-----------------[Table 7 Row 2 Hard Header and Column 1]-----------------*/
/*------------[Hard Color-Gray 1]------------*/
.tablepress-id-7 .row-2 .column-1,
.tablepress-id-7 .row-2 .column-2,
.tablepress-id-7 .row-2 .column-3,
.tablepress-id-7 .row-2 .column-4,
.tablepress-id-7 .row-2 .column-5,
.tablepress-id-7 .row-2 .column-6,
.tablepress-id-7 .row-2 .column-7,
.tablepress-id-7 .row-2 .column-8,
.tablepress-id-7 .row-2 .column-9,
.tablepress-id-7 .row-2 .column-10,
.tablepress-id-7 .row-2 .column-11,
.tablepress-id-7 .row-3 .column-1,
.tablepress-id-7 .row-4 .column-1,
.tablepress-id-7 .row-5 .column-1,
.tablepress-id-7 .row-6 .column-1,
.tablepress-id-7 .row-7 .column-1,
.tablepress-id-7 .row-8 .column-1,
.tablepress-id-7 .row-9 .column-1,
.tablepress-id-7 .row-10 .column-1,
.tablepress-id-7 .row-11 .column-1,
.tablepress-id-7 .row-12 .column-1 {
	background-color: #a3a599 !important;
}

/*------------End [Hard Color-Gray 1]------------*/
/*-----------------End [Table 7 Row 2 Hard Header and Column 1]-----------------*/
/*-----------------[Table Row 13 Soft Header and Column 1]-----------------*/
/*------------[Soft Color-White]------------*/
.tablepress-id-7 .row-13 .column-1 {
	background-color: #ffffff !important;
}

/*-----------End [Soft Color-White]------------*/
/*-----------------End [Table Row 13 Soft Header and Column 1]-----------------*/
/*-----------------[Table Row 22 Split Header and Column 1]-----------------*/
/*------------[Split Color-Gray 1]------------*/
.tablepress-id-7 .row-22 .column-1,
.tablepress-id-7 .row-22 .column-2,
.tablepress-id-7 .row-22 .column-3,
.tablepress-id-7 .row-22 .column-4,
.tablepress-id-7 .row-22 .column-5,
.tablepress-id-7 .row-22 .column-6,
.tablepress-id-7 .row-22 .column-7,
.tablepress-id-7 .row-22 .column-8,
.tablepress-id-7 .row-22 .column-9,
.tablepress-id-7 .row-22 .column-10,
.tablepress-id-7 .row-22 .column-11,
.tablepress-id-7 .row-23 .column-1,
.tablepress-id-7 .row-24 .column-1,
.tablepress-id-7 .row-25 .column-1,
.tablepress-id-7 .row-26 .column-1,
.tablepress-id-7 .row-27 .column-1,
.tablepress-id-7 .row-28 .column-1,
.tablepress-id-7 .row-29 .column-1,
.tablepress-id-7 .row-30 .column-1 {
	background-color: #a3a599 !important;
}

/*------------End [Split Color-Gray 1]------------*/
/*-----------------End [Table Row 22 Split Header and Column 1]-----------------*/
/*-----------------[Table Row 30 Aces Header and Column 1]-----------------*/
/*------------[Aces Color-White]------------*/
.tablepress-id-7 .row-30 .column-1 {
	background-color: #ffffff !important;
}

/*-----------End [Aces Color-White]------------*/
/*-----------------End [Table Row 30 Aces Header and Column 1]-----------------*/
/*-----------[Main Table Content]------------*/
.tablepress-id-7 .highlight-h {
	background-color: #aebd38 !important;
}

.tablepress-id-7 .highlight-dh {
	background-color: #ffa577 !important;
}

.tablepress-id-7 .highlight-s {
	background-color: #e05858 !important;
}

.tablepress-id-7 .highlight-ds {
	background-color: #90afc5 !important;
}

.tablepress-id-7 .highlight-p {
	background-color: #ffbb00 !important;
}

/*-----------END [Main Table Content]------------*/
/*-------------------------End [4+ Decks (H17 DAS NS)]-----------------------------*/

While it took me a little longer than I had hoped to get this test table working like it should (due to my errors), reducing my CSS my 500% is going to save me time as well as load time. I now feel like I can accomplish this by deadline.

Again, thank you Tobias!

Sincerely,
Jason