Changing Font Color in CSS Not Working

  • I want to change the title (h1) font and color for all of my posts. I have installed the Google Font plugin and the fontsforweb.com font plugin. The fontsforweb plugin was working fine but stopped letting me chose fonts for some reason so I have to find another solution.I have written a few types of CSS to try to change the color. I am able to change the font size, alignment, and font type but the color will not change!

    Here is the CSS that worked for everything but the color:

    h1 {
    color: #005288;
    font-size: 12px;
    text-align: center;
    }

    I am new to CSS so any help would be welcome.

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

  • What theme are you using? Where did you download it from?

    Thread Starter kac4509

    (@kac4509)

    Sorry, meant to include that. I am using the general wordpress 2013 theme. I have been using the CSS editor to customize the theme

    Please pay attention to the C in CSS: Cascading. If a rule lower in the hierarchy is in place, it will override the one(s) above.

    You van use your browsers development tools to examine what rules are active. Hit F12 in Chrome/Chromium and have fun ??

    no! Do not edit the Twenty Thirteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.

    Thread Starter kac4509

    (@kac4509)

    I was using the Jetpack custom CSS to edit it. Sorry it is also called the CSS editor

    I’m sorry, I should have mentioned that.

    Even a custom CSS plugin couldn’t override a theme CSS rule if the latter is more specific, however my crystal ball broke yesterday, so I can’t exactly see what you are doing ??

    Jeroen

    Without knowing much of HTML and CSS to use browser inspection tool, you could still manage to change bit of this here and there by looking into the theme stylesheet directly and see what’s defined.

    The stylesheet of Twentythirteen is well documented. See this section 5.1 Entry Header

    .entry-title a {
	color: #141412;
}

.entry-title a:hover {
	color: #ea9629;
}

    and use that same exact selector(s) in your Custom CSS.

    For h1 site title see section 4.1 Site Header so you know that it uses this selector

    .site-header .home-link { color: #141412; }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing Font Color in CSS Not Working’ is closed to new replies.