WordPress.org

Ready to get started?Download WordPress

Forums

h1 and h2 font size (10 posts)

  1. g3texas
    Member
    Posted 1 year ago #

    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?

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  3. g3texas
    Member
    Posted 1 year ago #

    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.

  4. g3texas
    Member
    Posted 1 year ago #

    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?

  5. g3texas
    Member
    Posted 1 year ago #

    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;

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  8. g3texas
    Member
    Posted 1 year ago #

    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?

  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  10. g3texas
    Member
    Posted 1 year ago #

    great help thanks WPyogi!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags