1

[sowhatllc]

sowhatllc

#8464

I am using a Graphene Child Theme on the site http://www.upperamazon.org which includes added code to the style.css as described in a previous support topic to change the table background color to match the page background color.

After upgrading the Graphene Main Theme to version 1.9.2 the table backgrounds have reverted to white. I have searched these support forums but unsure what has changed with this upgrade. Please provide updated code necessary to make this change.

[Kenneth John Odle]

Kenneth John Odle

#41208

Which page has a table on it?

What code did you originally add to your child theme?

[sowhatllc]

sowhatllc

#41209

Tables on:

1) http://upperamazon.org

2) http://upperamazon.org/about-us/

3) http://upperamazon.org/media

Code added to child theme:

/* format table */

table {

border-collapse: collapse;

}

table td,

table th,

table tr {

border: 1px solid ##DBCCAD;

font-family: arial;

padding: 2px 5px;

}

table th {

background: ##DBCCAD;

background: -webkit-linear-gradient(##DBCCAD,##DBCCAD);

background: -moz-linear-gradient(##DBCCAD,##DBCCAD);

background: -o-linear-gradient(##DBCCAD,##DBCCAD);

background: linear-gradient(##DBCCAD,##DBCCAD);

padding: 10px 5px;

}

table tr {

background: ##DBCCAD;

}

table tr.alternate {

background: ##DBCCAD;

}

table#wp-calendar td,

table#wp-calendar th,

table#wp-calendar tr {

border: none;

}

[Kenneth John Odle]

Kenneth John Odle

#41210

Your code contains double hash marks. I

It should be #dbccad, not ##dbccad.

AKAIK, IE8 and below do not support gradients.

Put code in between backtick (

Code:

`

) characters. It’s usually located above the Tab key on your keyboard.

[sowhatllc]

sowhatllc

#41211

Problem still exists after changing ##dbccad to #dbccad.

/* format table */

table {

border-collapse: collapse;

}

table td,

table th,

table tr {

border: 1px solid #DBCCAD;

font-family: arial;

padding: 2px 5px;

}

table th {

background: #DBCCAD;

background: -webkit-linear-gradient(#DBCCAD,#DBCCAD);

background: -moz-linear-gradient(#DBCCAD,#DBCCAD);

background: -o-linear-gradient(#DBCCAD,#DBCCAD);

background: linear-gradient(#DBCCAD,#DBCCAD);

padding: 10px 5px;

}

table tr {

background: #DBCCAD;

}

table tr.alternate {

background: #DBCCAD;

}

table#wp-calendar td,

table#wp-calendar th,

table#wp-calendar tr {

border: none;

}

[Anonymous]

Anonymous

#41212

Try adding !important to style declarations.

Eg,

table tr {

background: #DBCCAD !important;

}

[sowhatllc]

sowhatllc

#41213

Problem still exists (in a variety of browsers, operating systems and devices) after adding !important to style declarations. Just to reiterate original post, additions to style.css in the Graphene Child Theme worked up until updating the Graphene Main Theme to version 1.9.2.

/* format table */

table {

border-collapse: collapse;

}

table td,

table th,

table tr {

border: 1px solid #DBCCAD;

font-family: arial;

padding: 2px 5px;

}

table th {

background: #DBCCAD !important;

background: -webkit-linear-gradient(#DBCCAD,#DBCCAD);

background: -moz-linear-gradient(#DBCCAD,#DBCCAD);

background: -o-linear-gradient(#DBCCAD,#DBCCAD);

background: linear-gradient(#DBCCAD,#DBCCAD);

padding: 10px 5px;

}

table tr {

background: #DBCCAD !important;

}

table tr.alternate {

background: #DBCCAD !important;

}

table#wp-calendar td,

table#wp-calendar th,

table#wp-calendar tr {

border: none;

}

[Anonymous]

Anonymous

#41214

Move that code to Custom CSS.

[sowhatllc]

sowhatllc

#41215

Problem still exists after adding code to Custom CSS.

[Kenneth John Odle]

Kenneth John Odle

#41216

You have not specified a background color for <td>