WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > CSS Issue

Reply
  Thread Tools Display Modes
Old 5th August 16, 01:26 PM   #1
ScottKR
WLC Member
 
Join Date: Aug 2016
Posts: 1
Default CSS Issue

This is the original code. I need to add the following but due to a spacing issue, I can't have a number beyond the -136px

/* need to add this right after the twitter */
a.instagram {
background-position: -102px 0px;
}
a.instagram:hover {
background-position: -102px -35px;
}


/* original code */
.social {
display: inline-block;
padding-top: 4px;
padding-left: 10px;
}
.social a {
margin: 0px 2px;
width: 25px;
height: 25px;
display: inline-block;
background: url('images/social.png') no-repeat left 0px;
}
a.linkedin:hover {
background-position: left -35px;
}
a.facebook {
background-position: -34px 0px;
}
a.facebook:hover {
background-position: -34px -35px;
}
a.twitter {
background-position: -68px 0px;
}
a.twitter:hover {
background-position: -68px -35px;
}
a.email {
background-position: -102px 0px;
}
a.email:hover {
background-position: -102px -35px;
}
a.intranet {
background-position: -136px 0px;
}
a.intranet:hover {
background-position: -136px -35px;
}
ScottKR is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:28 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.