Change font for "Leave a reply"

  • hms2646

    (@hms2646)


    11 years, 10 months 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).

Viewing 5 replies - 1 through 5 (of 5 total)
  • Frumph

    (@frumph)

    11 years, 10 months 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

    Thread Starter hms2646

    (@hms2646)

    11 years, 10 months 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?

    Frumph

    (@frumph)

    11 years, 10 months ago

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

    Thread Starter hms2646

    (@hms2646)

    11 years, 10 months 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.

    dianabyron

    (@diannetrussell)

    11 years, 1 month ago

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change font for "Leave a reply"’ is closed to new replies.