Change “leave comment” link color

  • Resolved KayMac

    (@kaymac)


    17 years, 1 month ago

    Greetings all,

    I’m using Blue Zinfandel (which I made into a red zinfandel) at https://www.allaboutapplique.net. I have managed to style a few different things, but the one remaining thing that eludes me is to change the color of the “Leave a Coment” link so that it stands out more.

    I changed the color of all links, now want to change the color of that one link alone to something else.

    The theme author is not available for contact right now.

    I know some html but not a lot of CSS… very specific suggestions will be of help to me. I can edit the files in the theme editor.

    I don’t know how to provide a link to my stylesheet or other file but will be glad to do that if someone tells me how.

    Many thanks,
    Kay

Viewing 4 replies - 1 through 4 (of 4 total)

  • Just make a new class.

    Put this into your style.css:

    .commentlink {
color: #F09;
}

    And this into your link:

    <a class="commentlink" href="blablabla">Leave a comment</a>

    Then the Link will have the #F09 (pink). If you want to change the hover effect use this:

    .commentlink:hover or .commentlink a:hover {
    color: #XXX;
    }

    Just try them out ^^

    Thread Starter KayMac

    (@kaymac)

    Hi Sasch9r,

    Thank you so much for the info. I’m getting closer. I did the first part, but when you say “add this into your link” it’s not so easy. As far as I can tell, here’s the relevant section, found in the home.php file:

    <div class="contenttitle">
			<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
			<p>Filed Under <?php the_category(', ') ?> | <?php comments_popup_link('Leave a Comment', '1 Comment', '% Comments'); ?>&nbsp;<?php edit_post_link('(Edit Post)', '', ''); ?></p>
			</div>

    What do I put where??

    Many thanks again,
    Kay

    I hope, “span” isn’t defined in your style.css. If not your can use this:

    style.css
    span {
    color: #xxx;
    }

    span:hover {
    color: #xxx;
    }

    index.php / home.php

    <div class="contenttitle">
	<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
	Filed Under <?php the_category(', ') ?> | <span><?php comments_popup_link('Leave a Comment', '1 Comment', '% Comments'); ?></span>&nbsp;<?php edit_post_link('(Edit Post)', '', ''); ?>

</div>
    Thread Starter KayMac

    (@kaymac)

    Success! With the help of your clue and my trusty book by Liz Castro, I implemented the span tag and it’s working. Thank you!!

    Kay

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change “leave comment” link color’ is closed to new replies.