sociable a:hover action

(6 posts) (2 voices)

1. 

   stickane
   Member

   Is it possible to add rollover styles to the sociable tab icons that appear at the top of the page in persuasion? I have the icons created but dont know where to add them to make them work as roll overs.

   The sociable icons I am speaking of are in the picture below.

   

   Attachments

   1. Screen_shot_2011-08-24_at_3.56.09_PM.jpg (22.5 KB, 3 downloads) 9 months old

   Posted 9 months ago #
2. 

   Elliott
   Support

   Hello stickane,

   What you could do here is change the CSS background when you hover over them to another image.

   Send us a link to your site and we'll take a closer look at your code.

   Posted 9 months ago #
3. 

   stickane
   Member

   http://www.stickane.com/stickanedotcom/

   Posted 9 months ago #
4. 

   Elliott
   Support

   Your site is timing out for me. I took another look though and it looks like we are using an actual img element and not a background for the icon so it would be more difficult than I thought and would have to be considered custom work.

   Posted 9 months ago #
5. 

   stickane
   Member

   I am a web developer. Would you mind taking a stab at at least pointing in the right direction of where to change it in the php?

   Posted 9 months ago #
6. 

   Elliott
   Support

   Open up /wp-content/themes/persuasion/lib/functions/theme.php and on line 137 you should see this,

   $sociables .= '<a href="' . esc_url( $sociable_link ) . '"><img src="' . esc_url( $sociable_icon ) . '" alt="" /></a>';

   Let us know if you need anything else stickane.

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.