Title: Customized theme, CSS & sprites, help PLEASE
Last modified: August 20, 2016

---

# Customized theme, CSS & sprites, help PLEASE

 *  Resolved [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/)
 * The theme already had a sprite for the social media buttons. Need to add additional
   buttons. Created the new sprite, finally got it to show properly but cannot get
   the others buttons linked. Still only the two icons linking correctly.
 * [http://www.snowcityarts.org](http://www.snowcityarts.org)
 * here is my header code:
 *     ```
       <a href="http://facebook.com/snowcityarts"><span id="fb_icon"><p>Connect on Facebook</p></span></a>
       					<a href="http://twitter.com/#!/snowcityarts"><span id="tw_icon"><p>Follow us on Twitter</p></span></a>
       <a href="http://pinterest.com/snowcityarts"><span id="pt_icon"><p>View us on Pinterest</p></span></a>
       <a href="http://www.youtube.com/snowcityarts"><span id="yt_icon"><p>Watch us on YouTube</p></span></a>
       ```
   
 * (I’ve not listed all the links because they’re not working. Only Facebook and
   Twitter – the originals)
 * And here is the CSS code:
    _[CSS unnecessary – We can access that through the
   website]_
 * OMG-I’ve been pulling my hair for a week. Any help will be greatly appreciated.
   
   dk

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532251)
 * It’s not clear which buttons have the problem and what the problem specifically
   is.
 *  Thread Starter [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532255)
 * Thanks for the quick response.
 * Only the Facebook and Twitter buttons work, even with the CSS code identifying
   the others, such as Pinterest (pt_icon) and then the link info in the header.
 * What am I missing?
    dk
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532261)
 * The only reference to the sprite is through the `#fb_icon` selector, so I can’t
   see how any other element that doesn’t have an ID of “fb_icon” can load the sprite.
 *  Thread Starter [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532266)
 * But the “tw_icon” works. And if I add the url on each of them, it repeats the
   entire image.
 * As you can tell, I’m totally new to sprites.
 * thanks for the help.
    dk
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532272)
 * First look back at the tutorial about sprites. That’s not how you use sprites.
   You don’t show all of the sprite at once. You only show a section of the sprite
   and move it around with `background-position`.
 * I think you may need the support of a CSS forum like [http://csscreator.com/forum](http://csscreator.com/forum),
   as this is not a WordPress matter.
 *  Thread Starter [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532277)
 * Right, I knew it wasn’t a specific ‘wordpress’ issue, but I’d gotten really good
   help here before being a noobie. Not so much in regular tech forums. But, I’ll
   give it a shot and I thank you again.
    dk
 *  [ddutrow](https://wordpress.org/support/users/ddutrow/)
 * (@ddutrow)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532278)
 * I took a look at your site and coding. I noticed you can get to the Pinterest
   site by hovering your mouse just under the Pinterest icon. Would it be possible
   for me to get a copy of your sprite? I could mess around with it in Dreamweaver
   and see if I can figure out what is happening. I think it does have to do with`
   background-position`.
 *  Thread Starter [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532313)
 * OK, I’ve got everything working except I cannot get the last icon, Vimeo, visible.
   And it’s really thanks to you Andrew by that simple statement of moving it with
   the background position. Thank you, thank you. I’ve tried various numbers for
   the last icon and can’t get it visible. One last help??
 * Thanks loads
 *  Thread Starter [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * (@dkchi2010)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532320)
 * I got, I got it. WOO HOO!!!
 * Thank you all!!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Customized theme, CSS & sprites, help PLEASE’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 3 participants
 * Last reply from: [dkchi2010](https://wordpress.org/support/users/dkchi2010/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/customized-theme-css-sprites-help-please/#post-3532320)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics