Customizing fonts

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

Found this article useful? Share it now! Tweet about this on Twitter
Twitter
Share on Facebook
Facebook
Email this to someone
email
This entry was posted in Features. Bookmark the permalink.

7 Responses to Customizing fonts

  1. Virginia L. says:

    So happy to see InLinz used so often in the blogs! I’m excited to see this feature! Way to go!

  2. Yea I am so glad that you like my idea…unless it was your too 🙂 Im afraid to try it though…wahhhhh
    Love using InLinkz and love your new way to upate as well. Thanks,kathy

    • admin says:

      Fear not! Soon, there will be interface on your dashboard for this and it will extend to the settings of the tables themselves.

  3. Linda says:

    Hi
    This is my first time using inlinkz
    I am tring to get just name links on my page and having trouble with it can you help me.

    I just add the text as

    ._inlinkzA {
    font-size: 10px;
    font-family: sans-serif;
    text-decoration: none;
    color: #0c4661;
    }

    Then my inlinkz script

    Will this alter the links I have there now

    Thanks Linda

    • admin says:

      Yes, this will alter the appearance of the text under the thumbnails you have there. If you later choose to remove the code above, it will just return to normal.

      Probably because of wordpress, the style tags are not displayed in your comment right? You will have to put them too.

      If you need any fast answers drop us an email at info@inlinkz.com so we can help you real-time.

      Cheers!

  4. Pingback: Galleries and product lists with InLinkz - The InLinkz blog

  5. Hi – thanks for the tip on fixing the font. I changed it to an 18px in the script and that made it readable. Tina