Jacob Miller
Spectator
Post count: 6
Been thanked: 0 times
#9265 |

Roman,
I discovered what the problem was.
In the original style.css it’s trying to use images that are not in the images folder.

Code:
.social-networks .facebook a,.person-author .facebook{background-image:url(images/facebook@2x.png) !important;
-webkit-background-size:9px 17px;
-moz-background-size:9px 17px;
-o-background-size:9px 17px;
background-size:9px 17px;
}
.social-networks .twitter a,.person-author .twitter{background-image:url(images/twitter@2x.png) !important;
-webkit-background-size:13px 16px;
-moz-background-size:13px 16px;
-o-background-size:13px 16px;
background-size:13px 16px;
}
.social-networks .linkedin a,.person-author .linkedin{background-image:url(images/linkedin@2x.png) !important;
-webkit-background-size:14px 13px;
-moz-background-size:14px 13px;
-o-background-size:14px 13px;
background-size:14px 13px;
}
.social-networks .rss a,.person-author .rss{background-image:url(images/rss@2x.png) !important;
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
background-size:13px 13px;
}
.social-networks .dribbble a,.person-author .dribbble{background-image:url(images/dribbble@2x.png) !important;
-webkit-background-size:16px 16px;
-moz-background-size:16px 16px;
-o-background-size:16px 16px;
background-size:16px 16px;
}
.social-networks .youtube a,.person-author .youtube{background-image:url(images/youtube@2x.png) !important;
-webkit-background-size:23px 25px;
-moz-background-size:23px 25px;
-o-background-size:23px 25px;
background-size:23px 25px;
}
.social-networks .pinterest a,.person-author .pinterest{background-image:url(images/pinterest@2x.png) !important;
-webkit-background-size:16px 20px;
-moz-background-size:16px 20px;
-o-background-size:16px 20px;
background-size:16px 20px;
}
.social-networks .vimeo a,.person-author .vimeo{background-image:url(images/vimeo@2x.png) !important;
-webkit-background-size:18px 16px;
-moz-background-size:18px 16px;
-o-background-size:18px 16px;
background-size:18px 16px;
}
.social-networks .flickr a,.person-author .flickr{background-image:url(images/flickr@2x.png) !important;
-webkit-background-size:25px 17px;
-moz-background-size:25px 17px;
-o-background-size:25px 17px;
background-size:25px 17px;
}
.social-networks .tumblr a,.person-author .tumblr{background-image:url(images/tumblr@2x.png) !important;
-webkit-background-size:15px 16px;
-moz-background-size:15px 16px;
-o-background-size:15px 16px;
background-size:15px 16px;
}
.social-networks .google a,.person-author .google{background-image:url(images/google@2x.png) !important;
-webkit-background-size:21px 18px;
-moz-background-size:21px 18px;
-o-background-size:21px 18px;
background-size:21px 18px;
}
.social-networks .digg a,.person-author .digg{background-image:url(images/digg@2x.png) !important;
-webkit-background-size:21px 19px;
-moz-background-size:21px 19px;
-o-background-size:21px 19px;
background-size:21px 19px;
}
.social-networks .blogger a,.person-author .blogger{background-image:url(images/blogger@2x.png) !important;
-webkit-background-size:16px 15px;
-moz-background-size:16px 15px;
-o-background-size:16px 15px;
background-size:16px 15px;
}
.social-networks .skype a,.person-author .skype{background-image:url(images/skype@2x.png) !important;
-webkit-background-size:19px 19px;
-moz-background-size:19px 19px;
-o-background-size:19px 19px;
background-size:19px 19px;
}
.social-networks .myspace a,.person-author .myspace{background-image:url(images/myspace@2x.png) !important;
-webkit-background-size:18px 18px;
-moz-background-size:18px 18px;
-o-background-size:18px 18px;
background-size:18px 18px;
}
.social-networks .deviantart a,.person-author .deviantart{background-image:url(images/deviantart@2x.png) !important;
-webkit-background-size:23px 18px;
-moz-background-size:23px 18px;
-o-background-size:23px 18px;
background-size:23px 18px;
}
.social-networks .yahoo a,.person-author .yahoo{background-image:url(images/yahoo@2x.png) !important;
-webkit-background-size:22px 14px;
-moz-background-size:22px 14px;
-o-background-size:22px 14px;
background-size:22px 14px;
}
.social-networks .reddit a,.person-author .reddit{background-image:url(images/reddit@2x.png) !important;
-webkit-background-size:19px 15px;
-moz-background-size:19px 15px;
-o-background-size:19px 15px;
background-size:19px 15px;
}
.social-networks .forrst a,.person-author .forrst{background-image:url(images/forrst@2x.png) !important;
-webkit-background-size:15px 19px;
-moz-background-size:15px 19px;
-o-background-size:15px 19px;
background-size:15px 19px;
}
.social-networks .email a,.person-author .email{background-image:url(images/mail@2x.png) !important;
-webkit-background-size:20px 14px;
-moz-background-size:20px 14px;
-o-background-size:20px 14px;
background-size:20px 14px;
}

Getting rid of the

Code:
!important

tag redirects the image look up to /images/social_links.png but unless the

Code:
-webkit-background-size:Xpx Xpx;
-moz-background-size:Xpx Xpx;
-o-background-size:Xpx Xpx;
background-size:Xpx Xpx;

is taken away, it still doesn’t work. So the only way I can get it to work is to comment out that whole chunk of code (line 6472 through line 6592 using the

Code:
/*Comment*/

tag.
It works now, but it’s using the smaller resolution /images/social_links.png image instead of the /images/social_links@2x.png image
Can you help me make it use the /images/social_links@2x.png when being requested on screens that can utilize 2x?
Doing a full search through the original style.css shows that /images/social_links@2x.png isn’t defined at all.

I think this might be affecting everyone using this theme along with the built in social images.

Thanks