Please share ...Tweet about this on TwitterShare on FacebookPin on PinterestEmail this to someoneShare on Google+Share on LinkedIn

Even though InLinkz is designed to blend in with the rest of your page, sometimes you wish you had a way to change the size and general appearance of the link fonts without having to change the whole blog layout!

This is a quick and dirty way to customize fonts and an interface will be built around it and made available later on.

Lets say the original collection looks like this:

media_1287605766978.png

The top one is a thumbnail one and the bottom just text links

InLinkz stylez

Adding some html code makes all the difference. InLinkz sets all its <a> elements to the class named _inlinkzA . So, changing externally this class, makes the InLinkz links change appearance.

Here is some code that does this:

<style type="text/css">
._inlinkzA {
font-size: 10px;
font-family: sans-serif;
text-decoration: none;
color: #0c4661;
}
</style>

where:
font size = size in pixels
font family can be e.g. serif, monospace, sans-serif
text-decoration is whether it will have a line underneath because it is a link
color is apparently the color of the text. You can choose colors here: http://www.colorpicker.com/

The above code should be inserted exactly before the start of the <script…..></script> code you get from the InLinkz interface

You can experiment with this code on your blog and check how it looks.

On the testbed page, with different font sizes:

18px

media_1287606443018.png

10px

media_1287606527601.png

Please share ...Tweet about this on TwitterShare on FacebookPin on PinterestEmail this to someoneShare on Google+Share on LinkedIn