Editing social media icons in Prestashop

Hi guys,

I’m using the Prestashop CMS and I can only edit the elements using CSS. I have social media icons, when on default, becomes blue and enlarges with the hover selector.

I was going to edit the icons to change to black instead of blue, and keep them exactly the same size on hover. The challenge is, they’re background images: so initially, I’d add background:#000; to an icon but when I did that, it completely covered the whole block the icon is contained in (see screenshot). I also plan to add a ease-in ease-out transition on hover, once this is figured out.

Link to the website below, it won’t let me post as a hyperlink.

http://thestripedphoenix.com/store/index.php?id_product=21&id_product_attribute=51&rewrite=garden-series-01-01-matte-paper-poster&controller=product#/31-size-1824