Style Entry Fields in Lectora Using CSS

In this example I took a generic entry field and make it pop with additional styling. Don’t worry if you’ve never written a cascading style sheet (CSS) before because we are going to use one of the many free online CSS generators to do the heavy lifting. Here are additional bonuses that come with using cascading style sheets. They are reusable. Save the sheet and save valuable time by adding it to any project.

You can read about my process on the Trivantis blog:

Preview image

Tags: , ,


  1. Profile photo of smildj01


    I was trying to use you’re CSS in Lectora Online, but when I was previewing your imported PKG file nothing happened. Do you know what the problem could be?

    Nice adding btw for the Lectora Community!

    1. Profile photo of Darrel Somoza
      Darrel Somoza Post author

      Thank you. I built this in Inspire v16, not the Online version. I am unsure if there is a compatibility issue. Hopefully someone with more knowledge of this will chime in and maybe offer a fix. I am sure the programs are similar enough that if you start a new project and add a few entry text fields you should be able to use the same style sheet and scripts. The process will be the same. If I can help with that, let me know. You can send me a private message if you prefer and I will try to get back to you right away.

  2. Profile photo of Wendy Miller
    Wendy Miller

    Loved your blog, Darrel! Thanks so much for contributing! I’m having fun playing with the enjoycss site! 🙂

  3. Profile photo of TxLady

    Thank you so much for broadening my horizons! I can’t wait to try this.

Your email address will not be published. Required fields are marked *