Change h1 Color in Twenty Sixteen

  • Resolved Marion Black

    (@marion-black)


    8 years, 11 months ago

    Hi,

    I’m fairly new to CSS but I’m trying hard to understand. I’ve created a child theme for twenty sixteen using Child Theme Configurator plugin. I’ve added to the style.css:

    /*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
Author: Child Theme Configurator
Version: 1.0.1451974910
Updated: 2016-01-05 16:51:50
*/

@charset "UTF-8";

body,
button,
input,
select,
textarea {
	font-family: Ubuntu, Verdana, sans-serif;
	font-size: 1.1em;
}

.entry-header .entry-title a {
    color: red;
}

.entry-header .entry-title p {
    color: red;
}

    And the header color on the home page is now red. Which is what I expected. I also changed the font to Ubuntu which works just fine.

    What I also expected was that the header color on the post would be red but it’s still the default color.

    How do I change the header color on the posts and pages to red?

    My site is just a test site adelaidebusinesses.com

    I want to get this right before I try it on a “real” website.

    Thank you in advance.

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

  • .entry-header .entry-title a – will target a link due to the a

    .entry-header .entry-title p – will target a paragraph due to the p but your entry title is actually a h1 not a paragraph.

    You can change your code to 

    .entry-header .entry-title a {
    color: red;
}

.entry-header .entry-title {
    color: red;
}

    Or to be more efficient, if you want both to be the same:

    .entry-header .entry-title a,
.entry-header .entry-title {
    color: red;
}
    Thread Starter Marion Black

    (@marion-black)

    Thank you so much. I didn’t know what the “a” and “p” actually meant. Your solutions WORKS!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change h1 Color in Twenty Sixteen’ is closed to new replies.