ThemeShaper Forums » Thematic

Change reply link to button in comments

(7 posts)
  • Started 4 years ago by LegendsCrazy
  • Latest reply from LegendsCrazy
  • This topic is resolved

  1. LegendsCrazy
    Member

    Hi, could someone tell me what I need to do to change the reply link in my threaded comments to a button please? Can I do that in my child stylesheet with css, or is that something I need to change in the comments.php? Thanks in advance for any help!

    Posted 4 years ago #

  2. Chris
    Moderator

    Hey,

    this could be done similar to the CSS exchanging the blog-title against a picture:

    .comment-reply-link a {
background:url(images/image.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width: XXpx;
height: XXpx;
}

    .. should work.

    Cheers,

    Chris

    Posted 4 years ago #

  3. LegendsCrazy
    Member

    Thanks for the speedy response Chris! I would like to use just a plain button like the one used for "Post Comment" in the response form. Do I still need to make an image of a button to do that?

    Posted 4 years ago #

  4. Chris
    Moderator

    Mea culpa .. let me check this.

    Posted 4 years ago #

  5. Chris
    Moderator

    .. looking into the code (discussion.php), I would suggest: "Go for the image!" .. at least for the moment.

    Cheers,

    Chris

    Posted 4 years ago #

  6. iamww
    Member

    LegendsCrazy - Are you specifically wanting the reply link to be a button element or just look similar to a button?

    The CSS below would make the link look more "like" a button with out using an image.

    .comment-reply-link a {
	background: #DDD;
	border-top: 2px solid #CCC;
	border-right: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
	border-left: 2px solid #CCC;
	color: #333;
	display: block;
	font-weight: bold;
	padding: 1px 3px;
	text-align: center;
	text-decoration: none;
	width: 50px;
}

.comment-reply-link a:hover {
	background: #EEE;
	border-top: 2px solid #AAA;
	border-left: 2px solid #AAA;
}

    Hope it helps.

    Posted 4 years ago #

  7. LegendsCrazy
    Member

    I guess I was looking for a "magic word" that would just create a button like the one in #respond .form-submit . Thanks iamww. I just need to change some of the styles to match my design. Thanks to you and Chris for your time and help.

    Posted 4 years ago #

RSS feed for this topic

Reply

You must log in to post.