ThemeShaper Forums » Thematic

Change reply link to button in comments

(7 posts)
  • Started 5 years ago by LegendsCrazy
  • Latest reply from LegendsCrazy
  • This topic is resolved
  1. 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 5 years ago #
  2. 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 5 years ago #
  3. 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 5 years ago #
  4. Mea culpa .. let me check this.

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

    Cheers,

    Chris

    Posted 5 years ago #
  6. 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 5 years ago #
  7. 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 5 years ago #

RSS feed for this topic

Reply

You must log in to post.