If it ’s Friday , it must be prison term for another sport Dashboard widget modification . This clock time , we ’ll be changing the showing baptistery used in the iTunes thingamajig . Specifically , we ’re pop off to change the font that ’s used to display the strain and time information .

The first stair is to make a copy of the widget that you could safely change . The best way to do that is explicate in this lead . Basically , you just drag a copy of Apple ’s iTunes widget from the top - level Library / Widgets folder into your user ’s Library / Widgets leaflet .

Once you ’ve copy the gubbins to your user ’s thingumajig folder , navigate to that pamphlet , ascendancy - snap on the iTunes widget , and blue-ribbon Show Package Contents from the pop - up menu . In the new leaflet that open , give the file call iTunes.css in a saturated - text editor program , such as TextWrangler or TextEdit ( just ensure TextEdit is in bare text modal value first — data format : Make Plain Text ) .

Article image

When the Indian file open up , the sections you ’re going to change are found in good order near the top :

The first block control the appearance of the song information , while the 2d assure the display of the time . The two lines you could ( easily and safely ) edit are the same in each incision :

As you might guess , that first line verify the colouring material of the text . The colors on the first pipeline are specify in hexadecimal values . What are those , and how do you figure them out ? There are a stack of graphics tools , such as Photoshop Elements or Graphic Converter , that can generate hex color value . But you ’ve also amaze a detached one on your Mac — it ’s called DigitalColor Meter , and its found in in Applications : Utilities . Its simple interface looks like this :

Article image

Once you ’ve launched DigitalColor Meter , set the pour down - up menu to RGB as Hex Value , 8 - scrap , then bug out moving your cursor around the screen . You ’ll notice that the public-service corporation converts whatever color your cursor is vacillate over to hex values . When you find a gloss you like , hit Command - L to interlace it in . you could then you could move your shiner to your editor program to copy the hex value into that color code bank line in iTunes.css . For instance , from the screenshot above , the green colour would be entered in the iTunes.css data file like this :

As for the case , you could apply middling much any one you wish . The current font line of merchandise ( in both segment ) reads like this :

The way a Cs filing cabinet works , it will utilise the first font list ( Lucida Grande in this case ) . Since CSS is typically used on the web , and not every user will have every case , you typically number some alternate fonts or styles , separated by commas . In this case , if the Lucide Grande font is missing , the whatsis will flow back to the generically - defined sans - serif font . But since this is your Mac , and you ’re editing the CSS file , you’re able to replace those two font with the name of any one font on your motorcar — there ’s no penury to worry about font replacement , since you lie with you ’ve got the typeface ! For example :

The only slightly tricky bit is figuring out what font name to use . Arial and Times are unsubdivided . But what about something more complex , like “ Academy Engraved LET font ? ” In most cases , the name of the font as shown in the Finder will be the name of the font to use in the caesium file . But if you ’re not indisputable , set up Font Book ( in /Applications ) , choose the font you want , then iron Command - I. In the baptistry ’s Info window , you ’ll see the font name you want next to “ Family . ” In this instance , that would be “ Academy Engraved LET . ” Any time your font name includes more than one parole , you must hold in its name in citation .

you could also commute the font size ; those are the11pxbits at the start of eachfont : line . However , you credibly do n’t desire to go much larger than11px , as there ’s not a fortune of display area to work with .

Make the variety you wish for font color , fellowship , and size in both the name and time sections of the code , then save the file . Press F12 to bring up Dashboard , then launch the iTunes widget — OS X will automatically read your modified contraption first . You should see your newly - modified iTunes thingamabob :

you could leave the CSS file open in your editor , change over back and make more changes , then reactivate Dashboard . remove Command - R to refresh your doohickey to see the newest change . If something happens to go wrongly and your iTunes widget no longer works , the fix is simple — just trash the copy you made in your drug user ’s Library / doojigger booklet , and start over with a fresh copy from the top - level Library .