This can be a bit complicated as there are many things needs to be touched in CSS. Social icons are images and you need to resize the size of images which can be found at : celestial-lite/images/sprite-social.png
and related CSS are on the style.css file which you need to amend are :
/* social group */
#st-socialbar-wrapper {
height: 40px;
}
#st-socialbar {
position: relative;
display: inline-block;
height: 26px;
float: right;
margin-left: 6px;
top: 7px;
}
#st-socialbar a {
display: block;
width: 26px;
height: 26px;
margin-left: 10px;
float: left;
}
#st-twitter{
background: url('images/sprite-social.png') 0 0 no-repeat;
}
Ok, I will use the provided CSS as a guide to modify my CSS as needed. Thanks so much.
I was able to find the CSS code and the sprite-social.png file but every time I try and change or resize anything in either the CSS or png file, the icons keep disappearing and aren’t showing up on the bar. I may just end up leaving this alone and keeping it as it is.
Thanks for all the help. =)
If I want to move the LinkedIn logo a few pixels to the left, how can I do that in the code?
