Hi,

I have been trying to solve the following issues.

1) I created a social icon entry for LinkedIn. The standard colors of LinkedIn don't match my primary and secondary colors so I try to change the colors. I partly succeeded with the border by adding the following code to custom.css:
.social-wrap span.primary {
border-left: 4px solid #1b5480;
}

But now when I hover of the icon the background still uses the secondary color. How can I change this color?

2) Animation of the new social icon is fade in from Right. The standard animation for social icons is fade in from Left (which makes more sense). How can I fix this??

Thanks,
Nico.

Hi Nico,

For the colour try adding this code replacing with your own colour value

.social-wrap span.primary:hover {
background: #409ad5;
}

I'll need to check with the developers on the animation as that is controlled outside of the template settings

Cheers
Paul

Ok. Problem 1 solved. Thanks!

Thanks I'll check but it may be Monday before I hear back

Cheers
Paul

Hi Nick,

In the tpls/blocks/social.php

Go to line 56 and change fadeInRightBig to fadeInLeftBig

I've been meaning to make this a variable so you can choose the direction they should appear from. If you edit this now next time you install you will get the animation direction.

Thanks

Hi Anthony,

This was indeed the resolution. Many thanks!

I'm not sure if it is worth your effort to make this customisable. It seems logical to have this float from the right. I would rather focus on making it possible to add more social icons and to adjust the color from the template menu. Just saying.

Thanks

I'll pass that on

Good luck with the site

Cheers
Paul