page title font size and color in twenty eleven

I have been looking around for the answer to this question as well, and feel the same way! It seems like it should not be difficult to do this one thing.
I just want to make the title smaller and not so bold, and it would be nice if it didn’t have to be white. It would be better if it didn’t have to be there at all, but still show up in the header…but that doesn’t seem to be possible, except on the home page.

(Would I have to do a child theme just to make this one change to the pages? I have just taken over a site that someone else started and am trying to make sense of it. If I do a child theme do I have to start over?)

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

rmdechazal – you said:

“I’m using Twenty Eleven, dark, and have come across the “!important” trick for changing colour values in my menu bar, etc. That works quite nicely.”

Please share that trick! I am tryijng to figure out how mto change the black menu bar to white and the the corresponding link text. I set up a child css folder – but have no experience with that. I tried to just change the background color of the hover function:

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}

But I did not see a change in the parent theme.

Is the color of the menu bar hidden in this portion of the css file?

If so – can someone please identify where that is? Thanks

/* =Menu
————————————————————– */

#access {
background: #fdfdfd; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
#access li:hover > a,
#access a:focus {
background: #f9f9f9; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
color: #373737;
}
#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
}

Knightspirit…noticed you used ” instead of ‘ that is why its not reading your child css.