I’m looking to add CSS to TinyMCE in a site I’m doing.
I’ve got the following CSS in place, but the result isn’t what I’m expecting. It looks like the attachment. The link isn’t the right colour (I’ve tried dropping the .mceContentBody from in front of it too) and the background has a gaping hole of white in it. Any hints on what I might be doing wrong?
.mceContentBody, html, body {
background-color: #39180d;
}
.mceContentBody h1 {
font-size: 14px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #DA2128;
line-height: 1.4;
}
p {
line-height: 1.4;
color: white;
}
.mceContentBody a {
color: #DA2128;
}