Scrollbar padding
April 4, 2016 12:00 AM
How do I add padding to a text box that uses a vertical scrollbar? I inserted an HTML to myStyles.css and then attached the class myTextBox but it's not working. What am I doing wrong?
myStyles.css:
.myTextBox{
padding-right: 10px;
padding-bottom: 10px;
}
Discussion (5)
You have to target the span that contains the text, not its div parent so adding a class in the appearance tab wont work. The selector class you need is the HTML name of the text box plus Font1. For instance if the text box HTML Name is text38 you would use .text38Font1 as the selector class.
.text38Font1{
padding-right: 20px;
padding-bottom:20px;
}
Darrel
Whenever you have different styles on text, Lectora will create a separate span with a different class. As Math said if you have one word in bold or underlined or different color you'll get:
undefinedtext123Font1undefinedtext123Font2undefinedtext123Font1undefined
If you just target ".text123Font1" then ".text123Font2" won't get the padding but each of the two "Font1" spans will. You can target the undefined to style the whole paragraph:
#text123 p{
padding-right:20px;
}
Tim
Do check whether it is 'Font1' in your browser. If your text is formatted Bold or Italic Lectora might change it to 'Font2'
Discussions have been disabled for this post