How to prevent bulleted lists changing to blue when hyperlinked?

avanderzwaag

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?

cainam

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.

carlfink

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

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

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

carlfink

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.)