You know you're screwed when you Google for an answer on something, and all that comes up is stuff you yourself already wrote on the topic.

Don't laugh.  This actually happened to me yesterday.

I've written a lot of "how-to" posts here on AR about using both the  WordPress and Typepad  blogging platforms.  For safe-keeping, I republished many of the posts on http://www.dablogmother.com   

Anyone who has read my posts regularly knows  my primary motivation isn't really sharing the knowledge, (although that's very fortunate side benefit) it's making some notes for myself so the next time I need to do the task, I can remember how to do it.  Since if more than a couple hours has passed since the last time I did the thing, I most certainly will have forgotten.

Anyway, yesterday, I received a contact from a reader on www.dablogmother.com 

The reader was  using a TypePad "Pre-defined Theme" called "Modernist Cherry."  Here is what it looks like in default mode, straight out of the box.

The reader wanted to change the color of the Post Header from light blue to black. 

Quite frankly, I haven't used Pre-defined Themes much, since it is actually quite simple to build your own theme from the ground up using  TypePad's custom theme wizard.

But any Pre-defined Theme can be customized, too, using Typepad's Custom CSS editor.

The  reader had tried to change the Post Header color using this CSS code in the Custom CSS editor:

h2.post-title {
color: #000000;
}

It didn't work.

My first suggest to the reader was to try

.entry-header {
color: #000000;
}

Nope that didn't  work either.  Obsession is a typical Geek personality trait.  At this point, obsession kicked  in.  I was going to make that Header color change no matter what.

I Googled various combinations of words relating to making the color change, and kept stumbling  across my own posts about TypePad, both on Active Rain, and on daBlogmother.com.

Evidently my brain is equipped with an energy efficient light bulb.  The light bulb came on very slowly.  This entire cognitive exercise took about two hours.  I am slightly embarrassed to admit that, but now that I know the answer, doing this in the future will take less than two minutes.

The Post Header is not just a Header.  It is ALSO A LINK to the permanent, single page archive of the post.  (This is true in WordPress, and  all other blogging platforms, too).

In order to change the Post Header color, I need to change the CSS code for header LINKS.

Once that realization percolated to the surface, I threw in color change for the Sidebar headers as well.

Here's the CSS code to paste into the Custom CSS editor

 

entry-header {

color: #000000;

}

.entry-header a:link { color: #000000; }

.entry-header a:visited { color: #000000; }

.entry-header a:hover { color: #000000; }

.entry-header a:active { color: #000000; }

 

.module-header {

color: #000000;

}


.module a:link { color: #000000; }

.module a:visited { color: #000000; }

.module a:hover { color: #000000; }

.module a:active { color: #000000; }

 

(You'll notice I cleaned the code up a little since first posting it in Mother's comments) 

Here's the finished product

Piece of cake, once the light comes on.  If you want your post headers a different color, (Black is #000000)  just change out the color code numbers to your desired color.

Here's how to use on an online Color Picker

 
Post is included in group: AR My Name is Cheryl
Post is included in group: e-PRO Internet Technology
Post is included in group: My other blog is
Post is included in group: Typepad Users

11 Comments on TypePad Custom CSS: A Revelation

JUN
18
2008

Hi Cheryl, I'm sorry you said not to laugh but I did!  thanks for sharing

8:17am • #1
393,029 Points 2 Featured Posts Localism Sponsor Outside Blog

Thanks for the morning smile I DID NOT LAUGH!!! But I did smirk a bit

8:20am • #2
323,574 Points 14 Featured Posts Localism Sponsor Outside Blog

Hi Cher, sorry, but I howled with laughter and I'm still giggling. What a great post! :D

8:36am • #3
174,439 Points 10 Featured Posts Localism Sponsor Outside Blog

I laughed too, and why not.  I love readying your posts.  informative, funny and to the point.  Love it.  I may using the CSS when I get brave enough.

9:02am • #4
2 Featured Posts

Cheryl ~ I think everybody got a laugh out of that one. CSS can be a pain sometimes. I have spent a lot of time tweaking wordpress blogs to get them just right. It can be frustrating for awhile until you get the hang of it. Nice work on this one, keep building on it.

10:16am • #5
110,546 Points

I am just going to park here until some of this sinks in- talk about walking into a room where the conversation is over my head!   but I know the more I look at this issue, the closer I will be to adding to my knowledge base.  thanks  cw

12:18pm • #6
JUN
19
2008

Okay, I'm still trying to figure why "making some notes for myself so the next time I need to do the task, I can remember how to do it" never occured to me.

I know that last year I skipped over a lot of your posts, Cheryl, because they were way too geeky for me. Now I'm kind of getting this stuff.

And if I posted my own notes in public, I'd bet I'll understand it even more! It's nice to know smart people like you!

25 points, please

the graphic says 'nervosa' do you think that's an omen?

10:08pm • #7
JUN
20
2008
318,023 Points 22 Featured Posts Localism Sponsor Outside Blog Hit Router

Teri,

Every time I do a WP install, I print out my old notes, and follow along.  I'd be lost otherwise :-) 

6:16am • #8
OCT
06
2008

This post was just what I was looking for.  Thank you for storing your notes for later...;) 

Julie
1:33am • #9
OCT
11
2008
159,551 Points Localism Sponsor Outside Blog

Cheryl - I always appreciate your typepad posts.  I find a lot of posts on wordpress; not so many on typepad.  However after reading this one I am still confused.  I can see that I will have to read it several times, before it sinks in.

9:40pm • #10
OCT
12
2008
318,023 Points 22 Featured Posts Localism Sponsor Outside Blog Hit Router

Pam ... You don't really need to read it at all unless you want to change the color of your post titles. :-)

6:02am • #11

This blog does not allow anonymous comments

 
Cj-600 Rainmaker_large

Cheryl Johnson

Highland Park, CA

More about me…

Cheryl Johnson, Bob Taylor Properties, Inc., Los Angeles, CA

Address: 5526 N. Figueroa Street, Los Angeles, CA, 90042

Office Phone: (323) 257-1080

Email Me


Caution: CAT BLOG AHEAD

Including random thoughts on life, art, business, stuff, and occasionally Real Estate.

What is a CAT BLOG?

According to Seth Godin: "Cat blogs are for, by, and about the person blogging. A cat blog is about your cat and your dating travails and your boss and whatever else you feel like sharing in your public diary."

Well, I am the boss, my dating years are behind me, but I do love my cats.

Enjoy!



We’re Bloodhounds. We teach our clients to demand better service from real estate professionals.




Links

Archives

RSS 2.0 Feed for this blog

Find CA real estate agents and Highland Park real estate on ActiveRain.