Friday, August 22, 2008

Someone asked about changing the Font of the Plurks. From the earlier post for rounded plurk boxes, you add the following two lines:

font-family: Arial, Helvetica, sans-serif;
font-size: 10px; <-- change to a size you like, but not TOO big


.plurk_cnt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #ddd;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-khtml-border-radius: 1px;
border-radius: 1px;
margin-right: 1px;
margin-left: 1px;

For the Font you would like to use, you change it here:

font-family: Arial, Helvetica, sans-serif;

For example; Arial could be change to Times

Font size you change here:

font-size: 10px;

For the Font Size change the 10 to a diff number

As part of this you can also add:

font-style: italic;

Which can change the style of the plurk text, can replace italic with:


You can also add a weight:

font-weight: bold;

You change 'bold' to normal


Ian said...

Thanks for ALL the CSS info! It's been very helpful.

greytfriend said...

Thanks for putting all of this up for us, it's really very helpful and thoughtful of you to do it. You are a good friend!