Support » Themes and Templates » change post title color

  • Hi. I’m using the Twenty Twelve theme. My site is http://www.nutritionnutshell.com. The post titles are blue right now and I have a nice green picked out. HTML code color #088A08. But I can’t figure out where to put the change in on the style sheet. please be specific. I’m a newbie and terrible at this!

Viewing 10 replies - 1 through 10 (of 10 total)
  • pinokio

    (@lapanwebsite)

    In style.css, find:

    .entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
    }

    Change to:

    .entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
    color: #088A08;
    }

    Find:

    a {
    outline: none;
    color: #21759b;
    }

    Change to:

    a {
    outline: none;
    color: #088A08;
    }

    Do not edit the Twenty Twelve theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    pinokio

    (@lapanwebsite)

    For more nice looking on hover, change this:

    a:hover {
    color: #0f3647;
    }

    To this:

    a:hover {
    color: #CD3333;
    }

    This:

    .main-navigation li a:hover {
    color: #000;
    }

    To this:

    .main-navigation li a:hover {
    color: #CD3333;
    }

    This:

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #636363;
    font-weight: bold;
    }

    To this:

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #088A08;
    font-weight: bold;
    }

    Ok I did it and then hit “update file”. I went to view my page and the color is still blue….??

    @lapanwebsite: will you please stop encouraging people to edit WPORG themes! Without a child theme or a custom CSS plugin, all of their updates will be wiped out when they next update theme theme.

    pinokio

    (@lapanwebsite)

    @esmi, I am just answering their questions.
    I suppose they have child themes and copied style.css

    You should not “suppose” anything like that. It is the users you are “helping” who will suffer if you don’t remind them about child themes and/or custom CSS plugins.

    @katiefjelstad – you will need to use a custom CSS plugin to make these kinds of changes so that they will not be lost when WP is updated. This is a good one:

    http://wordpress.org/plugins/custom-css-manager-plugin/

    Once you install that, you can ADD the code above to modify the existing CSS.

    pinokio

    (@lapanwebsite)

    @esmi, ok, I will in future.
    @katiefjelstad, please make child theme, if you don’t have it and just put all this code in style.css of your child theme:

    .entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
    color: #088A08;
    }
    
    a {
    outline: none;
    color: #088A08;
    }
    
    a:hover {
    color: #CD3333;
    }
    
    .main-navigation li a:hover {
    color: #CD3333;
    }
    
    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #088A08;
    font-weight: bold;
    }

    If you need more styling, just ask.

    Alright… baby is up from nap… will need to study this later and see what I can do. Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘change post title color’ is closed to new replies.