Probably not an ideal solution, but if you can’t find a better one, you can increase the size of the icon by adding the lines below to the end of style.css:
.comments-link {
height: 40px;
width: 40px;
padding-left: 43px;
background-size: 40px 40px !important;
}
Thread Starter
intcon
(@intcon)
thanks vtxyzzy…I tried that and it’s allllmost what i wanted, but the stretching of the icon was just too fuzzy.
appreciate the input however!
Of course, you could always use your own icon!
Just make a .png image the proper size and replace the original at http://marciaarichards.com/wp-content/themes/theme1565/images/comment-bg.png
Or, upload using the Media Library and add a CSS rule to those I already gave you, like this:
.comments-link {
height: 40px;
width: 40px;
padding-left: 43px;
background-size: 40px 40px !important;
background-image: url("http://marciaarichards.com/wp-content/uploads/2012/08/mycomment-bg.png") !important;
}
You will need to replace the sample URL I used with the actual URL from your upload.
Thread Starter
intcon
(@intcon)
thanks again vtzyzzy!
sorry i didn’t get back to you yesterday, the dreaded double shift at work!
I tried to make an image 100×15 and changed your code a bit to reflect it, but it still only showed a small portion of it. I’ll try to go back and make a 40×40 image and see if that works….frustrating that they’d make such an important part of a blog so small!
When I look at your site, I do not see the additional CSS at the end of style.css. When I add it, I see the ‘Talk’ balloon.