Using external CSS
October 23, 2009 12:00 AM
I have included an external stylesheet in my course. (External html object, type- Cascading style sheet).
How can I use the styles or classes from that CSS to format the text in the text boxes?
The css contains styles defined for tags (hover, visited etc). But when the page is published in Lectora, inside the tag, a tag is created for the link text. The span contains a class defined in the html page itself and hence the style I have defined in CSS for tag is not used.
Is there any way to avoid these span tags for selected text?
Discussion (3)
I am having a similar problem. I want to standardize the styles of all the text blocks within Lectora using external CSS. In short, I would like to override the default style from Lectora by the styles that I have defined in an external CSS file.
Can this be done?
On the properties tab, you can change the the HTML Text Type (H1, H2 or normal), then do something like this:
/* Style All Text Objects set with H2 */
div[id^="text"] h2 span {
background-color: #e6e6e7;
padding: 10px 14px;
margin-left: -3px;
color: #000000;
border-bottom-right-radius:1.8em;
}
[/CODE][CODE]/* Style All Text Objects set with H2 */
div[id^="text"] h2 span {
background-color: #e6e6e7;
padding: 10px 14px;
margin-left: -3px;
color: #000000;
border-bottom-right-radius:1.8em;
}
[/CODE]
Discussions have been disabled for this post