Table Background Colors (Following Upgrade to 1.9.2)

  • sowhatllc

    #41217

    Have been banging my head on the keyboard with this for a couple more hours, but afraid I need a bit more handholding specifying the background color for <td>

    Tried adding the following to style.css with no results…

    table td,
    background: #DBCCAD !important;

    Then the following with disastrous results…

    table td,
    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);

    After attempting to carefully set up a Child Theme when the site was created, I have become very frustrated at the amount of time I have wasted on this and several other issues introduced following the upgrade of the Parent Theme. Will adding code to the Custom CSS prevent similar occurrences in the future?

    As always, your support is greatly appreciated.

    Anonymous

    #41218
    Quote:
    Then the following with disastrous results…

    You are missing opening and closing curly braces. Also there shouldn’t be any comma , after the last element like table td,.

    sowhatllc

    #41219

    Please provide code to cut and paste so we can get this resolved, the following did not solve the issue…

    /* format table */
    table {
    border-collapse: collapse;
    }
    table td {
    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 {
    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;
    }

    sowhatllc

    #41220

    Anyone?

    Anonymous

    #41221

    In your Custom CSS, a closing brace is missing for .post element. So, any css after that is not taking effect. Check it.

    .home .post-title {display:none} .post {border-top: none} .post {border-bottom: none; table{ border-collapse: collapse; }

    There should be a } between .post {border-bottom: none; and table{ border-collapse: collapse; }.

    Mod

    Kenneth John Odle

    #41222

    For problems like this, you can always use a CSS validator, such as http://jigsaw.w3.org/css-validator/

    sowhatllc

    #41223

    Thanks, was working with Child Theme rather than Custom CSS. Not sure what changed with updates to theme and WordPress but working now.

Viewing 7 posts - 11 through 17 (of 17 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.