Access Keys:
Skip to content (Access Key - 0)

Rich Text Editor and Custom CSS


This forum has now moved. These topics have been left as a read-only archive. Please create all new topics in the Community space.


A quick question: after defining a custom CSS style in the CSS tab of the Layout Manager, should this be present in the drop down list of styles in the rich text editor? If it is normal for it to be missing, then how should I apply the style to some text?

My custom CSS has passed validation with the W3C CSS Validator, so I don't think there are any syntax errors responsible for this. Any advice much appreciated.

Custom style: mystyle

CSS:

/* headings */
h1, h2, h3, h4, h5, h6, a.blogHeading {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-weight: normal;
}

.h1 {
 color: #000000;
 font-size: 64px;
}

.mystyle {
 color: #ff54e2;
 font-size: 64px;
}

h2, a.blogHeading {
 color: #1d62d1;
 font-size: 10px;
}

h3 {
 color: #623b76;
 font-size: 12px;
}

/* links */
a:link, a:visited {
 text-decoration:none;
}
.atb-page a:hover, .atb-page a:active, .atb-page a:focus,
.atb-page a.node:hover, .atb-page a.node:active, .atb-page a.node:focus,
.atb-page a.prnnode:hover, .atb-page a.prnnode:active, .atb-page a.prnnode:focus {
 background-color: #526288;
 color: #fff;
 text-decoration:underline;
}
a:hover img, a:active img, a:focus img {
 background-color: #fbfbdc;
}
/* page links, eg. wiki layouts */
.page-links {
 white-space: nowrap;
}
.page-links img {
 margin-left: 6px;
 margin-right: 2px;
}



Ask questions, get help and report bugs & issues on our Community Site

View old comments


Adaptavist Theme Builder Powered by Atlassian Confluence