WordPress.com

1. beaner2579
   Member
   Oct 5, 2012, 1:55 PM

   Hey,

   I'm trying to change the font of the title and I can't find the selector for it. Out of practice with CSS its totally changed over the years. I've managed to change the font of the headers, but I think that is just luck. I have a kit ID not sure how to use it. I've tried to add selectors but they don't show up. HELP.

   The blog I need help with is thishasbean.com.

2. zandyring
   Happiness Engineer
   Oct 5, 2012, 5:48 PM

   Hey there,

   Are you changing them in Dashboard/Appearance/Custom Appearance/Fonts? If not, give that a try.

   Good luck,
   -Z

3. designsimply
   Staff
   Oct 11, 2012, 9:31 PM

   Using a kit ID is a little different than the built in Custom Fonts selector that comes with the Custom Design upgrade. I would recommend starting with the normal mode at Appearance → Custom Design → Fonts if that will work for you.

   Or if you want to stick with advanced mode, try using ".hentry .entry-title" as your selector to change post title fonts for the Origin theme via a Typekit Kit Editor.

4. designsimply
   Staff
   Oct 11, 2012, 9:32 PM

   P.S. Your blog looks great btw!

5. beaner2579
   Member
   Oct 12, 2012, 6:42 PM

   Thanks a lot for the help. One more question how do you know which selector is used and/or how do you assign a selector?

6. beaner2579
   Member
   Oct 12, 2012, 6:42 PM

   Thanks for the compliment too.

7. designsimply
   Staff
   Oct 13, 2012, 12:56 AM

   One more question how do you know which selector is used and/or how do you assign a selector?

   The easiest way to see what selector is being used, you can right-click on the title in a modern browser and choose the "Inspect Element" option. It will show you the HTML for whatever you clicked on and all of the CSS that applies to it. If you see a font or font-family rule for the thing you clicked on, that's the thing to use. Sometimes you have to click around a little to find it (i.e. if the font is set on an a element inside an h2 element).

   To assign a selector via a Typekit Kit Editor (which is the advanced font mode in WordPress.com and also requires a separate Typekit subscription), you need to open the Kit Editor in your Typekit account over at http://typekit.com/ and enter the selector into the kit.

   Here's an example of what the selector field looks like over at typekit.com:

   http://assistly-production.s3.amazonaws.com/typekit/portal_attachments/4935/selectors_original.gif?AWSAccessKeyId=AKIAJNSFWOZ6ZS23BMKQ&Expires=1350157588&Signature=RvMDq9DAknLTAArUdKbXNglY3S8%3D&response-content-type=image%2Fgif

   Here is a related help document from the typekit.com site:

   http://help.typekit.com/customer/portal/articles/6840-Using-Typekit-with-WordPress-com#advanced-mode

Topic Closed

This topic has been closed to new replies.