font size options in twenty eleven?

  • hello,

    some of you might be familiar with dreamweaver etc. even word has it.
    the option to change the font sizes.
    am i missing something or is it not possible without modification in the twenty eleven theme?
    i currently already have a child theme.
    what do i need to do so that i can choose between font sizes???

    thanks!

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

  • use the child theme’s style.css to find the font size you want to change
    back up 1st

    You will need to use your style sheet and create new styles to override the default text sizes used in the parent theme. For example, to change the font-size of the blog post title add this line to your child theme stylesheet .entry-title{ font-size: 30px; }. This will make the title text larger.

    Thread Starter boriskamp1991

    (@boriskamp1991)

    ok thank you for that, but how do i change the h1,h2,h3 etc etc?
    i want them to have different font sizes:
    h1 , 50px
    h2 , 40 px
    etc.
    cant seem to find that

    ok thank you for that, but how do i change the h1,h2,h3 etc etc?

    The h1, h2, h3, etc depend on which part of the page. For example, to change the comment h3 you will need to add this to your child stylesheet .comment-content h3{ font-size: 30px;}. You will need to read through the TwentyEleven style.css to see what other values are there. Or if you are using Chrome or Safari use the web inspector to see which tag is what style. With Firefox you can use FireBug.

    However, it sounds like you could use a good tutorial on CSS and HTML editing without a tool like Dreamweaver. I would suggest this set of videos to get a base of knowledge.

    Thread Starter boriskamp1991

    (@boriskamp1991)

    ia anyone wonders how it ended up. i added this to my style.css:

    #content h1 { font-size:220%;}
    #content h2 { font-size:200%;}
    #content h3 { font-size:180%;}
    #content h4 { font-size:160%;}
    #content h5 { font-size:140%;}
    #content h6 { font-size:120%;}

    you can then modify the % for each heading and it works perfect!

    Twenty Eleven theme

    How do you change the font in the site title to Channel?

    Thank you,

    Thread Starter boriskamp1991

    (@boriskamp1991)

    Use google fonts plugin and choose the font and assign it to of of your headers or text. To change the size, do what i typed above.
    Hope this helps

    Eijgendaal

    (@eijgendaal)

    I added #content h1 { font-size:220%;} to my child style css but nothing happened. What to do? I already have google fonts. Works great.

    The last lines of style css are now:

    }

.singular .entry-meta .edit-link a {
    bottom: auto;
    left: 0px;
    right: auto;
    top: 30px;}

#content h1 { font-size:220%;}
    deleted

    (@wowtech)

    Also look for this section in styles.css:

    /* =Global
    ———————————————– */

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘font size options in twenty eleven?’ is closed to new replies.