WordPress.org

Ready to get started?Download WordPress

Forums

[closed] Change font for "Leave a reply" (6 posts)

  1. hms2646
    Member
    Posted 2 years ago #

    I have spent 2 hours trying to find the section in style.css that controls the look of that text. I have a child theme already and have a style.css in my child theme that works fine. I only want to change that CSS for that div or class or whatever it is. Yes I searched first. Thanks in advance. Oh yea twenty eleven theme (default).

  2. Frumph
    Member
    Posted 2 years ago #

    Not all elements in a theme have corresponding CSS attached to them, just because the class/id exists in html form doesn't mean someone actually skinned it.

    That being said, if you use developers browser tools like Firebug for the browser FireFox you can point and click to parts of your website and can tell exactly what class is there and corresponding CSS if it exists.

    In this case it told me this:

    <h3 id="reply-title">

    So, that means you will add

    #reply-title {
        font-face: Verdana, other font, etc;
    }

    To the style.css

    h3#reply-title might work too

  3. hms2646
    Member
    Posted 2 years ago #

    Thanks so much for the quick reply.

    I tried your suggestion and it had no effect. here's what I added:

    #reply-title {
        border: 0;
    	font-family: inherit;
    	font-size: 200%;
    	font-style: inherit;
    	font-weight: inherit;
    	margin: 0;
    	outline: 0;
    	padding: 0;
    }

    When I view the page source it shows this:

    <span class="sep"> | </span>
    						<span class="comments-link"><a href="http://sitenamegoeshere.com/first-post/#respond" title="Comment on June 14, 2012"><span class="leave-reply">Leave a reply</span></a></span>

    Any ideas?

  4. Frumph
    Member
    Posted 2 years ago #

    alright, then try span.leave-reply .. ^ you can see it in the code you just posted with the class="leave-reply"

  5. hms2646
    Member
    Posted 2 years ago #

    It's working now. Here's what worked:

    .leave-reply {
        border: 0;
    	font-family: inherit;
    	font-size: 180%;
    	font-style: inherit;
    	font-weight: inherit;
    	margin: 10;
    	outline: 0;
    	padding: 10;
    	background-color:#CCCCCC;
    }

    Thanks for pointing me in the right direction! I really appreciate your help.

  6. dianabyron
    Member
    Posted 1 year ago #

    Hi guys,
    Can someone indicate to me how you go about adding some text to the "Leave a reply" bit?
    thanks

Topic Closed

This topic has been closed to new replies.

About this Topic