Hi Daniel, <div><br></div><div>Your probably best off having a quick read up on css (there's some good tutorials at <a href="http://www.w3schools.com/css/default.asp" target="_blank">http://www.w3schools.com/css/default.asp</a> for example)</div>
<div><br></div><div>Additionally, I personally wouldn't touch the styling from the back end (i.e i wouldn't modify opac.css). Although it can be done that way, when you come to an upgrade you'll have to re-apply those changes as this is a "system" file. Rather, I'd add a few specific CSS rules to the OPACUserCSS box under <div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0.2em;padding-right:0.5em;padding-bottom:0.4em;padding-left:10px;background-color:rgb(243, 243, 243);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(232, 232, 232);clear:both;font-size:12px;font-family:'Times New Roman';display:inline !important">
Home › Administration › System Preferences</div><br>It's located within the OPAC tab.</div><div><br></div><div>A quick and dirty guide would be:</div><div><br></div><div>1. Use an element inspector (I like the default one inside the chrome browser) to work out what the ID/Class of the element you want to change.</div>
<div>2. Create a new rule for said element within OPACUserCSS</div><div>3. Refresh the OPAC and see what you think.</div><div>4. Iterate until happy.</div><div><br></div><div>Example; To change the colour of "Search" you need a rule like:</div>
<div><br></div><div>#opac-main-search label {</div><div> color: CC3366 ;</div><div>}</div><div><br></div><div>This would make the "Search" text a gastly pink color (Color codes are available <a href="http://www.w3schools.com/html/html_colors.asp" target="_blank">http://www.w3schools.com/html/html_colors.asp</a>)</div>
<div><br></div><div>Martin</div><div><br></div><div><div class="gmail_quote"><br></div>-- <br><div>Martin Renvoize</div><div>Software Developer, PTFS Europe Ltd</div><div>Content Management and Library Solutions</div><div>
<a href="mailto:martin.renvoize@ptfs-europe.com" target="_blank">martin.renvoize@ptfs-europe.com</a></div><div>skype: Martin Renvoize</div><div><br></div><div><a href="http://www.ptfs-europe.com" target="_blank">http://www.ptfs-europe.com</a></div>
<br>
</div>