Support » Fixing WordPress » Editing font size of header and blog titles using Blaskan theme

  • Resolved cnabors77

    (@cnabors77)


    I’m using the Blaskan theme for my student website. However, my header and blog titles are much too large. How do I edit them?

    FYI, I already looked under the Support topic called Designing Headers (I think that was the name). In it they say to edit the font size under #header. However I didn’t see the same thing in my code.

    Here’s my website if you’d like to see what I mean: http://www.curtisnaborspr.com/

    Thanks,
    Curtis

Viewing 15 replies - 1 through 15 (of 19 total)
  • The first thing you will need to do is make a child theme – Codex: Child theme

    or use a CSS plugin such as this one http://wordpress.org/plugins/simple-custom-css/ or jetpack.

    Then you can edit this CSS:

    #site-name {
    font-size: 72px;
    }

    Just reduce 72px to something smaller.

    It looks like your h1 are set to 13px which I find really small. They are hard to read as well.

    Hi Christine- thanks for your reply. I’m a bit confused about why I need one of the plug-ins to edit the CSS. Can’t I go to Dashboard/ Appearance/ Editor, make the changes, then select Update File?

    I’m pretty sure that’s how my headings got smaller b/c it wasn’t originally that small.
    But I just changes it from 13px to 36px, clicked update, but it didn’t change.
    Curtis

    Hi- my header font size is fine, but my blog/ press release titles are still way too big.
    See http://www.curtisnaborspr.com/

    Per the above instructions I installed this CSS plugin http://wordpress.org/plugins/simple-custom-css/.

    Then I edited this CSS by reducing 72px to something smaller.

    #site-name {
    font-size: 48px;
    }

    I then updated the changes, but the title font sizes are the same.

    Bill

    (@chubbycrow)

    If you’re talking about your post titles, try something like:

    .type-post h1 {
        font-size: 32px;
    }

    Thanks Bill, that was easy!!!
    Now I also need to reduce the size of my page titles. How do I do that?
    Curtis

    Bill

    (@chubbycrow)

    Try adding one line (with comma) to the above:

    .type-page h1,
    .type-post h1 {
        font-size: 32px;
    }

    or whatever size you wanted.

    Thanks again Bill! OK, since I have you, two final requests.

    How do I change the font type of the CurtisNaborsPR title?

    How do I change the font size and add italics to my tagline just below the title (I think that’s what it’s called)?

    All things PR mixed with marginal creativity & humor.
    Crazy about spiritual & political matters, entertainment, sports & cars

    Curtis

    Bill

    (@chubbycrow)

    For the site name replace the font below with your choice (assuming a different sans serif):

    .sans-serif #site-name {
        font-family: "Helvetica Neue",sans-serif;
        font-weight: bold;
        letter-spacing: -3px;
    }

    For the tagline:

    #header-message {
        font-size: 18px;
        font-style: italic;
    }

    or whatever you want.

    thanks Bill.

    All the best.
    Curtis

    Bill

    (@chubbycrow)

    You’re welcome! Please mark this as resolved.

    Sorry Bill, I forgot one thing. How do I add color to my tagline font? It’s a specific blue color that matches my resume that has these RGB values: 37,88,154
    Curtis

    Bill

    (@chubbycrow)

    #header-message {
        font-size: 18px;
        font-style: italic;
        color: rgb(37,88,154);
    }

    Wow, you are good. OK, I thought I was done but I have one more request.

    My website title “CurtisNaborsPR.com” has upper and lowercase letters.
    But I want it to look like my resume title “Curtis Nabors” that has a Style in Microsoft Word that’s called Title. So, even though the “urtis” and “abors” are lower than the first letters, they are still uppercase. Do you know what I’m talking about? I wish I could show you are picture, it’d be so much easier to show you.
    Can this style be added to my website title?

    Bill

    (@chubbycrow)

    Not until you mark this resolved. 😉

    k resolved

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Editing font size of header and blog titles using Blaskan theme’ is closed to new replies.