Page Titles

completelybeing · Member · Dec 10, 2010 at 10:52 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Dec 10, 2010 at 5:43 pm
Copy link
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; }
completelybeing · Member · Dec 10, 2010 at 8:20 pm
Copy link
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!
thesacredpath · Member · Dec 10, 2010 at 8:27 pm
Copy link
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.
thesacredpath · Member · Dec 10, 2010 at 8:30 pm
Copy link
Actually, you can add the following to take the font back to normal from bold

.pagetabs a {font-weight:normal; }
completelybeing · Member · Dec 10, 2010 at 8:39 pm
Copy link
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.
thesacredpath · Member · Dec 10, 2010 at 8:52 pm
Copy link
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.
thesacredpath · Member · Dec 10, 2010 at 8:53 pm
Copy link
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.
thesacredpath · Member · Dec 10, 2010 at 9:10 pm
Copy link
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/
completelybeing · Member · Dec 10, 2010 at 9:41 pm
Copy link
#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.
thesacredpath · Member · Dec 10, 2010 at 9:51 pm
Copy link
Did you look at my test blog? The code I gave you is the code I used.

Do you have the CSS upgrade?
thesacredpath · Member · Dec 10, 2010 at 9:55 pm
Copy link
Here is what I get when I use firebug in firefox to add that code to your blog.
thesacredpath · Member · Dec 10, 2010 at 9:56 pm
Copy link
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.
completelybeing · Member · Dec 10, 2010 at 10:47 pm
Copy link
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?
thesacredpath · Member · Dec 10, 2010 at 11:07 pm
Copy link
Do you have the CSS upgrade? I actually saw no evidence that you did when looking with Firebug.
thesacredpath · Member · Dec 10, 2010 at 11:20 pm
Copy link
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;
}
```
completelybeing · Member · Dec 11, 2010 at 12:09 am
Copy link
Ok, I’ll give it a whirl. Thanks man.
crossroadsthejourney · Member · Dec 31, 2010 at 12:54 am
Copy link
my pages all have the blog name in one long word (crossroadsthejourney). How do I make it CrossRoads: The Journey
????
thesacredpath · Member · Dec 31, 2010 at 12:59 am
Copy link
In your dashboard go to settings > general and edit the title making sure to save after you do.

No items found.