Adding email to Team member pop-up

mikeadamwood

Hi,

You seem to have covered all the social media links, but I'm using the theme to promote a class of people who would like their direct email on their team member popup.

Anyway of doing this? Could even guide me in changing one of the current social media links to an email icon(one I won't be using of course, such as 500px) then I can just add the email into that.

Help would be appreciated.

surgeon

Yes, of course!
Just upload and icon/image (with hover version if You want to use it) and post me an url to it so I could prepare a css definition for it.

mikeadamwood

Btw I forgot to mention how good this theme is!

Ok so heres the links, I assume by zooming into the buttons that the circle is generated by CSS so I have uploaded the graphic which will appear within the circle.

I decided to have their website too, so I can replace the 'aim' icon with this if you can provide the code?

500px for email and aim for website (as they are the top ones in the admin)

Email Static:
http://hockleyhomicides.com/wp-content/uploads/2014/11/Email-Static.png

Email Hover:
http://hockleyhomicides.com/wp-content/uploads/2014/11/Email-Hover.png

Web Static:
http://hockleyhomicides.com/wp-content/uploads/2014/11/Web-StaticButton.png

Web Hover:
http://hockleyhomicides.com/wp-content/uploads/2014/11/Web-Hover.png

Thanks in advance!

surgeon

mikeadamwood said: Btw I forgot to mention how good this theme is!

Thanks!

here is code for You, please paste it into Chillout Option >> Custom Style

a.a13_soc-500px{ 
background-color: #35711A;
background-image: url("http://hockleyhomicides.com/wp-content/uploads/2014/11/Email-Static.png");
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: 30px 30px;
}

a.a13_soc-500px:hover{ 
background-color: #35711A;
background-image: url("http://hockleyhomicides.com/wp-content/uploads/2014/11/Email-Hover.png");
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: 30px 30px;
}

a.a13_soc-aim{ 
background-color: #35711A;
background-image: url("http://hockleyhomicides.com/wp-content/uploads/2014/11/Web-StaticButton.png");
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: 30px 30px;
 }

a.a13_soc-aim:hover{ 
background-color: #35711A;
background-image: url("http://hockleyhomicides.com/wp-content/uploads/2014/11/Web-Hover.png");
background-position: 5px 5px;
background-repeat: no-repeat;
background-size: 30px 30px;
 }

I've changed background color (background-color: #35711A;) but You can change it to whichever You want.