<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
        {font-family:SimSun;
        panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Tahoma;
        panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
        {font-family:"\@SimSun";
        panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Tahoma",sans-serif;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
span.EmailStyle17
        {mso-style-type:personal-compose;
        font-family:"Tahoma",sans-serif;
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-family:"Tahoma",sans-serif;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
        {page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-CA" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal">This is a really basic question in a way, so I am thinking that others may have found a solution already.<o:p></o:p></p>
<p class="MsoNormal">We have phrases in EPrints, for customization, but has anyone been able to add an icon/image to some of the most important buttons.<o:p></o:p></p>
<p class="MsoNormal">The button that is perhaps the most important for OA is the “New Item” button that appears for users after they log in.<o:p></o:p></p>
<p class="MsoNormal">I think we would want that button to stand out, and adding an icon to it would help in that regard.<o:p></o:p></p>
<p class="MsoNormal">How would I do that?<o:p></o:p></p>
<p class="MsoNormal">Normally, I would do it with a piece of code like this, for example: <i class="fa fa-file-text-o" aria-hidden="true"></i><o:p></o:p></p>
<p class="MsoNormal">Which, combined with some CSS gets me an icon.<o:p></o:p></p>
<p class="MsoNormal">However, the only place that I see in EPrints to make this change would be in the phrases, this one:<o:p></o:p></p>
<p class="MsoNormal"><epp:phrase id="Plugin/Screen/NewEPrint:action:create:title">New Item</epp:phrase><o:p></o:p></p>
<p class="MsoNormal">And that string makes its way to a “value” parameter inside a form, which means I can’t add any markup to get the icon.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:17.85pt;background:white">
<span lang="FR-CA" style="font-size:8.0pt;font-family:"Courier New";color:#A6A6A6">Tomasz</span><u><span lang="IT" style="font-size:9.0pt;font-family:"Arial",sans-serif;color:purple"><o:p></o:p></span></u></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>