WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to Change Theme's Font Color for Posts? (13 posts)

  1. cjacob
    Member
    Posted 1 year ago #

    Well I'm finding that people here are REALLY helpful and really fast to respond, so I hope I can get help with my 2nd problem here!

    I have a question to anybody who can "play around" with a WordPress theme? I absolutely LOVE this theme I'm using, but I don't like my "heading color" on my posts. http://www.momscrazywritinglife.com/

    Do you see the heading color above my posts? It's that really light blue color. It doesn't stand out at all. In fact, in my opinion, you can barely see it. I've tried some WordPress searches and even went into the HTML code, but there are SO many text colors in the code, that basically, I got lost in all of it. I'm familiar with HTML but I would classify myself as an advanced BEGINNER...lol!

    I'm not sure which color I want yet. Something dark. But I'm not concerned with that part of it yet. What I want to do, is find, in the code, where this blue color is at. So when I DO choose the color, I can just cut and paste it in there.

    Thanks for your help!

    Claudia

  2. Don Betts
    Member
    Posted 1 year ago #

    In your style.css file find this (it's on line 802):

    h1.entry-title a:link, h1.entry-title a:visited, h1.entry-title a:hover, h1.entry-title a:active {
    color: #A8D3DD;
    font-weight: normal;
    margin: 0 0 -5px 0;
    }

    change
    color: #A8D3DD;
    to whatever you want. There's lots of online colour pickers that will give you the hexidecimal number but here's a simple one http://www.colorpicker.com/

    Good luck!

  3. Do you see the heading color above my posts?

    Do you mean the post title "Anybody techies out there who knows how to change font color on a WordPress Theme? Anybody? Anybody?"

    That would be the post title and the style can be found on line #802 of the style.css

    h1.entry-title a:link, h1.entry-title a:visited, h1.entry-title a:hover, h1.entry-title a:active {
    color: #a8d3dd;
    font-weight: normal;
    margin: 0 0 -5px 0;
    }

    Change this - color: #a8d3dd; to color: #000; which will give you pure black.

    Please do bare in mind, that you should make a child theme when making changes. If the theme has an update, you'll loose your changes.

    Also look into using Firebug or the chrome inspector. It's really handy to figure what style is applied where.

  4. cjacob
    Member
    Posted 1 year ago #

    Thank you guys SO much! I changed it and now it is black...MUCH better! I'll go to that color site and maybe find a real dark blue later, but that black is PERFECT in the meantime!

    I do have another question about your suggestions though. I found the line of code by doing a search on in the code with the text you guys showed me: i.e.

    \h1.entry-title a:link, h1.entry-title a:visited, h1.entry-title a:hover, h1.entry-title a:active {
    color: #a8d3dd;
    font-weight: normal;
    margin: 0 0 -5px 0;\

    So, I wondered what you guys meant by line 802? When I went into the code I didn't see any line numbers. How do I find line 802?

    Thanks!

  5. Don Betts
    Member
    Posted 1 year ago #

    The line numbers appear if you are using a text editor program (I use Coda) and access your WordPress files through FTP to your webhost. If you are just using the editor in the WordPress admin (Appearance -> Editor) the numbers don't appear. There is this plugin that looks like it will mimic a text editor in the WordPress editor, but I've never used it so I can't say if it's good or not

  6. cjacob
    Member
    Posted 1 year ago #

    Hey guys. Just wanted to thank you both for your help! :)

    Is it OK if I give you guys a "thank you" in my blog? (use your names?) It's just that I have a blog entry that asked people for help with this font color problem and nobody responded. So,i would like to do a follow-up blog entry and thank you guys by name. If that's not ok, I can just thank you anonymously.

    Thanks!

    Claudia

  7. Don Betts
    Member
    Posted 1 year ago #

    Tell you what, don't use my name, but give a shout out to wordpress.org forums and the WordPress community.

  8. cjacob
    Member
    Posted 1 year ago #

    ok, I will do that!

    Thanks again for your help! :)

  9. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Add:

    We love WordPress!

  10. :)

  11. cjacob
    Member
    Posted 1 year ago #

    Can I ask you guys a general font question?

    You all were SO helpful in helping me change my font color and now I want to change some more fonts.

    My question to you all is....how did you know where to go in the code, to edit the font color? I told you guys I wanted the posting color title edited and you all knew exactly where to go, to change that.

    Now that I want to change some other font colors, how do I find where that code is at? Here's my blog link if that helps.

    http://momscrazywritinglife.com/

    Thanks!

    -Claudia

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The "secret" to that is using a browser tool such as Firebug (or Chrome Developer Tools). By "inspecting the element" you want to change, it shows you the CSS already active and also the HTML in case you need to create new CSS for an element.

    This is also a great reference site for CSS:

    http://www.w3schools.com/css/

    There are also a lot of resources out there for basic or more advanced CSS - YouTube videos even, so you could google up some of those.

  13. cjacob
    Member
    Posted 1 year ago #

    Thank you! I'll try those out!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.