CSS Classes - How do I use them on objects?

Tim K. shared a demo (click here) and published a webinar (click here) on CSS in Lectora.

Also, I think that your logic (of inputting CSS properties directly) is entirely valid and that would be a great feature suggestion for Lectora. It is often quicker to add a simple CSS property on an object directly and it'd be great if Lectora allowed us to do that.

You should specify CSS class names, not CSS properties. So instead of "border:none" you should write "myclass1" or "borderless" and then use an External HTML Object set to meta tags and write the following in it:

undefined
.myclass1 { 
 border:none;
 color: red;
}
/* or this */
.borderless { 
 border:none;
 font-weight: bold;
}
undefined

Thank you Sergey - great advice.

The video http://trivantis.com/tips-tricks-use-css-boost-elearning-courses does not work for me.

Does it work for anyone else?

Kind regards

Simon

Glad I could help! The video is hosted on Wistia which sometimes has issues with browsers. Try a different browser maybe? It just worked for me (I only had to enable Flash plugin for it).

Also there's a direct link, you can try that http://embed.wistia.com/deliveries/837b80713b9a2842f2847ab1809bc25ba871d4d8/file.mp4

Just in case anybody else has the same problem as me on this one. I found that using the "Classes" in the properties section only styled the div outside of the element (so for this example, it did not change the borders at all).

To modify the actual entry field I had to use the id for each entry field (i.e. id="frmobj631" - then it worked.

I have attached some screen shots.