How to prevent bulleted lists changing to blue when hyperlinked?

avanderzwaag
avanderzwaag Community Member, Lectora® Accessibility Group (LAUG) Member, eLearning Brothers® Partner Posts: 2 ☆ Roadie ☆
edited April 1, 2021 in Lectora Desktop

Continued issue with bullets automatically turning to the hyperlink blue color when part of the bullet is hyperlinked. It is inconsistent so some bullets turn blue and others stay black. Seems that if text wraps, then it goes blue - if it stays on one line, then it stays black.

Any quick fixes?

Answers

  • cainam
    cainam Community Member Posts: 365 ♦ Idol ♦
    I think you've identified it - if the bullet wraps, then it turns blue. I don't know what the fix is for it, but how I get around it is create a separate hyperlink per line instead of one per bullet (that way it isn't wrapping). That is a work-around though, so would be interested if there is a better solution.
    - Adam Cain
  • carlfink
    carlfink Community Member Posts: 1,099 ✭ Legend ✭
    For about 9 versions of Lectora, I didn't hyperlink text at all. I made invisible rectangles to be my hyperlinks and dropped them on top of the text. Aside from the (very real) formatting issues, this avoids the problem of having to precisely position the mouse pointer over the actual strokes of the letters (not the spaces between).

    Unfortunately, responsive design makes this a lot less practical.
  • timk
    timk Community Member Posts: 1,244 ✭ Legend ✭
    You can use CSS to define the color. Add an HTML Extension of the type "Meta tags", click Edit and enter: 
     <style>
li{
list-style-image:none !important;
list-style-type: disc;
color: black  !important; 
}
</style>
    The code removes the image Lectora uses and inserts a standard bullet point, i.e. you can change type and color.
  • aforbes6836
    aforbes6836 Community Member Posts: 5 ♪ Opening Act ♪
    How do you get to the HTML code for the text box to edit this code?
  • carlfink
    carlfink Community Member Posts: 1,099 ✭ Legend ✭
    aforbes6836 said:

    How do you get to the HTML code for the text box to edit this code?

    You aren't editing the code so much as adding an HTML object to your course.

    Insert >> HTML Extension >> Properties >> Type >> Top of File Scripting

    would be one option, if I'm remembering right. (I don't actually do this.)

Categories