FYI: Posts will be sparse around here until I replace my laptop.... Coming back to work after Christmas break apparently was too hard and it quit on me!

29 November 2011

Tuesday's Tip - customizing the comment link

Ever wanted to make your comment link more visible to readers? Here's a simple how-to! =)

1) Search for

.comment-link {

2) Customize away!
Customize that section of code to whatever you'd like. For some ideas of how to customize it, use my HTML basics explanations: (Borders / Text / Backgrounds / Padding & Margins)

For an example, my link looks like this:
(hover over image for link reaction to mouse hover)

and my code looks like this:
.comment-link {
margin-$startSide:.6em;
display: inline;
font-family:'Times New Roman', arial, sans-serif;
font-size:16px;
margin: 0px;
float:left;
padding:0px;
width: 150px;
}
.comment-link:hover {
margin-$startSide:.6em;
display: inline;
font-family:'Times New Roman', arial, sans-serif;
font-style:italic;
font-size:17px;
margin: 0px;
float:left;
padding:0px;
width: 150px;
}

3) Save 
and enjoy! ;)

Have a question? Let me know in a comment, and I'll get back asap. =)

4 comments:

Rebecca

Hi Emily!

I was wondering, do you know how to make a chevron pattern WITHOUT Photoshop?? I REALLY want to learn how to design websites, and I would like to learn how to make some backgrounds..

Thanks!

~Rebecca

Emily Grace

Rebecca - I'm sorry, but I'm really not quite sure what you're asking. If you don't have photoshop, you can use gimp which is called the 'free photoshop.' :) Does that help at all?

Sarah Michelle

I love your blog! :)
www.radiant-joy.blogspot.com

Rebecca

Yes, Thanks Emily! {sorry if my question was a bit jumbled!:)

Post a Comment

Leave your thought...