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: 268 ☆ Superstar ☆
    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: 825 ☆ Superstar ☆
    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,168 ☆ Superstar ☆
    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.
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!