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

In a few weeks time (around December 2013) we’ll be adding a style editor with which you will be able to define styles for your Project manager and Linkup widgets.

 

linkup widget

Figure 1 – the style editor.

 

Until then, you can use a small snippet of code which you can insert in your post or your blog template that will handle the appearance of various elements of the list.

The CSS class of the elements of the list are as follows:

linkup widget

Figure 2 – _InLinkzDiv.

linkup widget

Figure 3 – _ILThumb.

linkup widget

Figure 4 – _InLinkzLUA.

So defining a style like the following:

<style>
._InLinkzDiv {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow:none !important;
}
</style>

will remove the border of the outer part of the thumblink (the link AND the image) and the links will now look like this:

 

linkup widget

Figure 5 – widget without borders, removed by style.

instead of this:

linkup widget

Figure 6 – Original widget style.

The code may either be placed in the post or at the template head. It will need to have the !important keyword at the end of each line so it will override the default style.

The code will affect all lists/widgets in your page.

Whatever you put in the Style tags, cannot harm your linkup so do not fear to experiment

 

Edit: to change font/size of the caption you can add the following:

<style>

._InLinkzLUA {
    font-size:13px;
}
</style>

 

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