Support » Fixing WordPress » h1 and h2 font size

  • g3texas

    (@g3texas)


    I changed the size in editor-style.css on Appearance-Editor and see the correct sizing.
    When update Publish … no change observed. Where do I find help?

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    (@wpyogi)

    Forum Moderator

    What are you trying to change? That stylesheet changes the visual editor — not your site.

    g3texas

    (@g3texas)

    trying to change the heading font sizes on my site. using the 2011 ver 1.4 theme. I found the style.css grouped all of the headings under one code so I added “font-size=20px” and on the editor-style.css I changed the h1 and h2 font-size.

    When I made a test post – I could see the size changes.
    When I published – there was no size change and I don’t know why.

    g3texas

    (@g3texas)

    I want to make sure of correct place to change before I upload the file to server. Maybe I need to upload the revised editor-style.css anyway?

    g3texas

    (@g3texas)

    nope, just tried it and no change — see for yourself http://livefreemarketing.com/test-of-posting/

    editor-style.css coding
    h1,
    h2 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 .8125em;
    }
    h3 {
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;

    WPyogi

    (@wpyogi)

    Forum Moderator

    You are changing the wrong stylesheet. As I said earlier, the editor-style.css has nothing to do with your actual site. As you are using the twentyeleven theme, the first thing you must do is create a Child Theme — otherwise all of your changes will be lost when WP is updated. And you must also have a clean, unchanged copy of the default theme to use for trouble shooting purposes. I suggest you download a new copy of twentyeleven, create a child theme and then post back re: changes of the h1 and h2 font size.

    WPyogi

    (@wpyogi)

    Forum Moderator

    Actually, it looks like you did change it in the style.css file — but what you changed is getting over-ridden by more specific CSS — you’ll need to learn how CSS works. Good reference page is:
    http://www.w3schools.com/css/

    Also try using Firebug to work with CSS — it shows you exactly which CSS code is targeting specific elements on the page.

    g3texas

    (@g3texas)

    thank you for the insight and I will start digging through the instructions. What style sheet should I be working on in the child theme?

    WPyogi

    (@wpyogi)

    Forum Moderator

    A child theme will have a style.css that only contains the CSS code specific to the child theme (i.e. changes in the CSS from the parent and any other stylesheets used in the theme). Reading the link above will help explain it.

    g3texas

    (@g3texas)

    great help thanks WPyogi!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘h1 and h2 font size’ is closed to new replies.