• I am running the Twenty Eleven 1.2 theme for my site, and I am having issues with my font size on my site. I want to increase the size of the h1 and h2 headers, and I did so by editing the font size in “Visual Editor Stylesheet” of the wordpress editor.

    When I am editing posts, the font is the size I want, but when published, the font is still all the same size.

    Please advise!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sounds like you only edited the css theme which is used in the editor, you also need to edit style.css

    Thread Starter zgreenw

    (@zgreenw)

    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

    Thread Starter zgreenw

    (@zgreenw)

    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. ]

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header issue’ is closed to new replies.