How can I make this menu link appear on white?

[jaysbar]

Hi

I have created a new link in the Admin menu.

1. I searched for the word 'Quick' in admin.
2. I opened "text_short_stats" (this is just the text that says Quick Stats in admin)
3. I edited this text and now it looks like this:


<i class="fa fa-external-link-square" style="color: #ffffff;">
</i>  <span size="2" color="white" style="color: white; font-size: medium;">
<b>Links</b></span> <br>

<span size="2" color="white" style="color: white; font-size: small;">
<i class="fa fa-font" style="color: white;">
<a href ="http://bestonlinehtmleditor.com/">HTML Editor</i></span></a><br>

<i class="fa fa-google" style="color: white;">
<span size="2" color="white" style="color: white; font-size: small;">
</i><a href="http://analytics.google.com/">Google Analytics</a></span><br>
 
<br><br>
Quick Stats

But I have 2 problems which I need help with:

1. How can I get the URL to appear in white? At the moment it is invisible until I hover over it (see attachments)?
2. How can I get the links to display in the Abantecart i-frame (the main area where menu items appear for editing) instead of opening a new window to the URL?

Any help would be appreciated!

Thanks

[Ollie]

It looks like you are using redundant information in this section: <span size="2" color="white" style="color: white; font-size: small;">

As far as I know, color should be defined as style, not as a separate entity. I would change the code to:

<span size="2" style="color: white; font-size: small;">