Social Hover Plug-in

[collicutt]

Hi …love this theme. Just have purchased a plug in called social hover, great plug in but I am not sure if it will work with this theme. It breaks the gallery on our design and engineering pages. You can view our test site at http// http://www.collicuttcompression.net
Any suggestions for making this plug in work or a way to create hover with social media on the images?

Topic

[Jason Bobich]

Hello,

Hmm, I’m not quite sure how the plugin is coming up with the inline widths/heights or why it needs them, but it appears it’s just based on the size of the featured images, which is not great in a responsive environment.

You could probably get things looking at least a little nicer by getting rid of that with your CSS changes:

.featured-image { border: none; padding: 0; }

======

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies