Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #308912 Score: 0
    Profile photo of Christina Metzler
    Christina Metzler
    Member
    beginner
    intermediate
    contributor
    curious george
    friend finder
    wise owl
    profile
    Group Member
    2 pts
    @cmetzler2560

    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;
    }

    #308944 Score: 2
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    199 pts
    @Klaatu

    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

    This post has received 2 votes up.
    #309076 Score: 0
    Profile photo of Christina Metzler
    Christina Metzler
    Member
    beginner
    intermediate
    contributor
    curious george
    friend finder
    wise owl
    profile
    Group Member
    2 pts
    @cmetzler2560

    Thank you Darrel!

    #309635 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Do check whether it is ‘Font1’ in your browser. If your text is formatted Bold or Italic Lectora might change it to ‘Font2’

    #309639 Score: 2
    Profile photo of Tim K
    Tim K
    Member
    contributor
    beginner
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    wise owl
    curious george
    Group Member
    307 pts
    @timk

    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:

    <p><span class="text123Font1">Text Text Text</span><span class="text123Font2">Bold expression</span><span class="text123Font1">Text Text Text</span></p>

    If you just target “.text123Font1” then “.text123Font2” won’t get the padding but each of the two “Font1” spans will. You can target the <p> to style the whole paragraph:

    #text123 p{

    padding-right:20px;

    }

    Tim

    This post has received 2 votes up.
    • This reply was modified 3 years, 5 months ago by Profile photo of Tim K Tim K.
    • This reply was modified 3 years, 5 months ago by Profile photo of Tim K Tim K.
    #309659 Score: 0
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    336 pts
    @ssneg

    Tim’s answer should get more votes.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.