Table Background Colors (Following Upgrade to 1.9.2)
-
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.
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,
.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;
}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;
andtable{ border-collapse: collapse; }
.ModFor problems like this, you can always use a CSS validator, such as http://jigsaw.w3.org/css-validator/
Viewing 7 posts - 11 through 17 (of 17 total)
- 1
- 2
- You must be logged in to reply to this topic.