I haven’t been able to find a way within Webflow to add Css sprites as links, which I didn’t think would be a huge problem as I could either embed the code or change it manually after exporting. It seems I was wrong!
Can anyone help as to why my social media sprites aren’t showing up?
Well, after more playing, it seems I’ve answered my own question!
For anyone else who wants to use image sprites, here’s what I did.
1. I added a background image to a link block, set the size to auto and the position to the position of the initial sprite image. Tile set to Off, Fixed set to No.
2. Next i changed the size of the actual link block (or whatever containing element) to be the size of the particular sprite i wanted to display (in this case 140 x 140px).
Postion auto so that its centered.
3. For the hover state, select hover (!), go to the background image panel, and simply change the position to the relevant area in your image sprite! You can change the pixel values on the left side of the ‘Adjust’ box.