Table Background Colors (Following Upgrade to 1.9.2)

  • 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.

    Mod

    Kenneth John Odle

    #41208

    Which page has a table on it?

    What code did you originally add to your child theme?

    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;
    }
    Mod

    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

    #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;
    }

    Prasanna SP

    #41212

    Try adding !important to style declarations.

    Eg,

    table tr {
    background: #DBCCAD !important;
    }

    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;
    }

    Prasanna SP

    #41214

    Move that code to Custom CSS.

    sowhatllc

    #41215

    Problem still exists after adding code to Custom CSS.

    Mod

    Kenneth John Odle

    #41216

    You have not specified a background color for <td>

Viewing 10 posts - 1 through 10 (of 17 total)

You must be logged in to reply to this topic.