Page Titles

  • Author
    Posts
  • #545083

    How do I change the size of the page titles on my blog ? I want to make the font smaller. Thanks!

    The blog I need help with is lerrrr.wordpress.com.

    #545319

    I assume you are talking of the titles in the blue bar at the top of the page content area.

    #content .postwrapper .title h2 {font-size: 1.4em; }

    #545326

    Hey thanks man! Yeah I mean the titles that say “home”, “blog” etc – I didn’t have any luck with the code you posted before =( Do you have any other ideas for that? Thanks for the help dude!

    #545327

    Ah, OK you are talking about the navigation tabs, not the page titles.

    .pagetabs {font-size:100%; }

    Adjust the 100% number down as desired. 90% seems about as far as I would go since with the font being used, it starts to get difficult to read when you get much smaller.

    #545328

    Actually, you can add the following to take the font back to normal from bold

    .pagetabs a {font-weight:normal; }

    #545329

    My mistake for not making myself clear.

    I don’t mean the navigation tabs at the top. I mean the page names/titles in the purple/blue area. Sorry for the headache.

    #545330

    That was the first code I gave you. Just add that to your CSS and adjust the em font size listed.

    With the preview function in the CSS editor, sometimes you have to force refresh the preview page.

    #545331

    If you are talking about the post titles under “blog” then that is different code. Static pages and the blog titles are under different classes and IDs.

    #545332

    And actually I just noticed that the blog post titles also chance with the first code I gave you. If you do not want the post titles smaller as well, let me know and I can fix ONLY the static page titles. Here is my test blog with the first code and the font size set to .9em .

    http://flippintestblog.wordpress.com/

    #545334

    #content .postwrapper .title h2 {
    font-size:.4em;
    }

    Is that correct? The code is not changing my page titles and yeah man, thanks for helping me. I’m wondering if I should switch to a different theme and if that code you gave me first works for ALL themes. Sorry, I’m new to css.

    #545335

    Did you look at my test blog? The code I gave you is the code I used.

    Do you have the CSS upgrade?

    #545336

    Here is what I get when I use firebug in firefox to add that code to your blog.

    http://flippintestblog.files.wordpress.com/2010/12/lerrr.png

    #545337

    Also, if you have the CSS upgrade, make sure and put that code clear down at the bottom of your CSS os that it overrides the stuff above it.

    #545338

    I’m going to change my theme to the vilgance because the body is bigger. Can you tell me how to change the page titles on that? So I’ll know in advance?

    #545339

    Do you have the CSS upgrade? I actually saw no evidence that you did when looking with Firebug.

    #545340

    Assuming you DO have the CSS upgrade, this is the code and I again know it works since I put in on my test blog with Vigilance.

    h1.pagetitle, h2.pagetitle {
    font-size:2.6em;
    }
    
    .post-header h1, .post-header h2 {
    font-size:2.6em;
    }
    #545343

    Ok, I’ll give it a whirl. Thanks man.

    #545409

    my pages all have the blog name in one long word (crossroadsthejourney). How do I make it CrossRoads: The Journey
    ????

    #545410

    In your dashboard go to settings > general and edit the title making sure to save after you do.

The topic ‘Page Titles’ is closed to new replies.