MadCap Software Forums

Hi

Is there anyway to replace the prefix text to use an icon instead of text?

Thanks

I was able to do this in HTML side nav output by modifying properties of the MadCap|breadcrumbsProxy in the CSS. You can specify the image as a background and set the prefix text to blank. You will need to indent the text beyond the image width. If you go with an image that is taller than the text height you may need to add some properties so it displays properly. The image is located in the same directory as the CSS.

MadCap|breadcrumbsProxy
{
mc-breadcrumbs-prefix: " ";
text-indent: 18px;
background-image: url('note_icon.svg');
background-size: 14px 14px;
background-repeat: no-repeat;
}

I manually edit my CSS but this can also be done through the Flare interface. Refer to https://help.madcapsoftware.com/flare20 ... crumbs.htm

Zappy0 thank you that worked perfectly, I appreciate you taking the time to help here.