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;
}
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:
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
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?
I love your blog! :)
www.radiant-joy.blogspot.com
Yes, Thanks Emily! {sorry if my question was a bit jumbled!:)
Post a Comment
Leave your thought...