Sounds like you only edited the css theme which is used in the editor, you also need to edit style.css
Where exactly do I edit in there? Or do I add it in manually?
When you edited the css, what you did was edit the ‘visual editor stylesheet’ you need to also edit the site stylesheet.
I can’t say what its called because I don’t use twentyeleven however you should be able to edit it in a similar place or via ftp in ~/wp-content/themes/twentyeleven/style.css
Here is the section for headers in the style.css
/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.625em;
}
I tried inserting what I had in my Visual Editor sheet, but it still didn’t work.
If you are having the same problem as i had, then i can help.
I wanted to change the h1 and h2 font sizes on my pages. So i “inspected the element” to find out exactly what it was called, which was
“.entry-content h2” or if you want to change h1 then “.entry-content h1”
Use Ctrl+F then type .entry-content h2 when you are in your stylsheet.css file (not Visual editor.css) and it should highlight where it is and then you just change the css font size there.
Here is what mine looked like and i changed the color and font-size to what you see there:
———————-
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
color: #FAA61A;
font-weight: bold;
margin: 0 0 .8125em;
font-size: 30px ! Important;
}
———————————–
I hope this helps
Shaun
[ Signature moderated. ]
