Need help? Check out our Support site, then


Changing font size and colour for Comments title

  1. I am using the Quintus theme and have customized the "Leave a Reply" text to say "Comments." Now I am having problems changing the font to Museo Sans and colour to match my entry title font. I changed the CSS to this:
    #comments #comments-title {
    background: #574f3c;
    border-radius: 3px;
    display: block;
    font-size: 16px;
    color: #191919;
    color: rgba(255,255,255,0.7);
    padding: 5px 20px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
    -webkit-font-smoothing: antialiased;
    }

    Font size was originally 20 px and colour was #eee. These changes did not change anything on my page. Maybe this is the wrong CSS block to change? Thanks for any help!
    Dorothy

    The blog I need help with is dorothysiemens.com.

  2. I'm seeing no posts, so I can't work with your CSS using Firebug. My first suggestion would be to declare the font family, size and color in the :before or :after rule you created to change the text.

  3. I didn't change the text in CSS, but in the Settings>Discussions page under Comment Form. Right now my blog is not published as I don't want anyone to see the work in progress. I have created a test home page - is there a way for you to see it without it being public?

  4. No, we volunteers cannot see private sites. I set Quintus up on my test site and assuming you mean the "Comments" label above the comment text field, add this to your CSS and then edit as desired. I strongly suggest using a font stack, such as my example below since this gives you more control over font substitutions in the event that the Typekit font is not served up. If you have used Museo Sans in other areas of your site, you can copy the font stack out of the CSS so that it is the same.

    #respond #reply-title {
    color: #CC0000;
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 26px;
    }
  5. Can you see the test page if I supply this link?

    http://dorothysiemens.com/?p=55&preview=true

    I have reviewed the CSS and can't seem to see any of the font stacks you mention. The only references to font type seem to be in the /*Fonts section at top where Georgia and Lato are mentioned. I don't see my Museo Sans substitution anywhere to copy. Does amended CSS appear somewhere else that I'm missing?

  6. I just noticed that the change I made yesterday to the entry-title does not seem to have stuck. The original CSS was this:

    .entry-title,
    .entry-title a {
    color: #191919;
    display: inline;
    font-size: 34px;
    font-weight: 400;
    }

    I changed it to this:

    .entry-title,
    .entry-title a {
    color: #191919;
    display: inline;
    font-size: 24px;
    font-weight: 400;
    }

    Yesterday it made the entry titles to a blog post smaller. Today it is the same size as previously. I have gone back and forth, saving, previewing, etc and can't seem to change anything.

    Am I trying to change the wrong CSS block? Although it did work yesterday. Is it because my site is not "live?" I am becoming very confused! Sigh.

  7. I can't see preview pages.

    Go to the demo site: http://quintusdemo.wordpress.com/ , find the thing you want to change and then tell me the page/post it is on, and where it is on the page/post. I can work off the demo site, but I need to verify exactly what you are wanting to change.

  8. I have solved the entry title problem by changing it in the Fonts wizard. So now the only problem is the Leave a Reply info.

    Example on the demo page under the post: http://quintusdemo.wordpress.com/about/

    I have changed the wording on my blog to Comments, but don't like the heavy black type and would like it to match my entry title font, colour and size. Is this enough info for you to see what needs changing? Thanks for your ongoing patience!

  9. Add this to the bottom of your CSS and then adjust whatever declarations you desire (it is what I had given originally).

    #respond #reply-title {
    color: #CC0000;
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 26px;
    }

    Did you by chance copy and paste the entire stylesheet into the CSS editor?

  10. No, I only copied and changed the actual rule I was trying to work on.

    I think I'm starting to get it! Part of my confusion was in the names of the rules - I thought I needed to use a #comments rule but you have written a #respond, etc. rule.

    I changed the color and font-size successfully, and now would like to know if I can make the font museo sans to match my entry-title. I did put it in the font-family line, but it didn't seem to take:

    #respond #reply-title {
    color: #191919;
    font-family: Museo Sans, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 24px;
    font-weight: 400;
    }

    Maybe it is not supported?

  11. I managed to find the font family declaration used for the titles on your site. With Typekit, they never use just the font name, they, as you can see below, goof it up with numbers and such. Not sure why they do that unless it is to make it difficult for people.

    font-family: museo-sans-1,museo-sans-2,Lato,sans-serif;

  12. Success! Thanks so much! Onward!

  13. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic