Using Custom Design Upgrade to change font size and color throughout my blog

• 

  rprozesky · Member · May 1, 2013 at 1:55 am

  • Copy link
  • Add topic to favorites

  I got my Custom Design Upgrade. I got my TypeKit ID. I put it in WordPress. But I can for the life of me not change the font size or color anywhere. I actually have less options now than I did under “standard”. When I click on “Customize” it just lists my TypeKit fonts with no option on where to change color or size. I read ALL the help posts and tutorials. It says I need to use the “point-and-click Font Editor” to change font size and color. I can not figure out how to do this. Please help.

• 

  rprozesky · Member · May 1, 2013 at 3:54 am

  • Copy link

  I go to the Dashboard.
  I go to Appearance > Custom Design
  I click on Change Fonts

  IT SHOWS ME THE FOLLOWING:

  Custom Fonts Fonts by
  Currently used fonts Save your Typekit Kit ID Switch to standard?
  Typekit Kit ID
  Edit kit at Typekit

  Fonts in this kit
  Use these font properties as reference for your Typekit.com Kit Editor selectors, or to write your own CSS:

  Le Monde Journal STD
  400 normal

  To update the information about the fonts in this kit, save your Kit ID again.

  IF I CLICK SWITCH TO STANDARD IT SHOWS ME THE FOLLOWING WHERE I CAN ACTUALLY CHANGE FONTS AND SIZES (NOT COLORS OF FONTS THOUGH AND CAN’T INCREASE THE FONT SIZE BY MUCH:

  Custom Fonts Fonts by
  Currently used fonts Save fonts Switch to advanced?
  Site Title
  Style Size+-
  Liberation Serif
  Headings
  Style Size+-
  Liberation Serif
  Body Text
  +3+-
  Liberation Serif

  IF I CLICK ON SWITCH TO ADVANCE I HAVE NO OPTIONS TO CHANGE SIZE OR COLOR OF FONTS IT JUST LISTS THE FONTS???

• 

  rprozesky · Member · May 1, 2013 at 3:56 am

  • Copy link

  And when I click on the fonts it lists in “Advance” it takes me to the TypeKit site, where… I can not change font size or color either.

  Please help, this is so frustrating.

• 

  helper-heroponriki · Member · May 1, 2013 at 4:28 pm

  • Copy link

  Hi there!

  When using TypeKit fonts in advanced mode, you need to use CSS selectors in your CSS Stylesheet editor to specify where the fonts will be added to your blog; the fonts you choose aren’t added to the Font Editor menus. Here’s a great help document that TypeKit put together on how to work with CSS selectors, including using Firebug to determine what your selectors are on your current WordPress.com theme:
  http://help.typekit.com/customer/portal/articles/6859

  Here’s more information on the advanced mode for fonts:
  http://en.support.wordpress.com/custom-design/custom-fonts/#advanced-mode

  If you need help with your CSS, we have a great CSS Customization support forum where we you can reach out for assistance from our community of experts:
  https://en.forums.wordpress.com/forum/css-customization

  I hope that helps get you started! Let me know if you have any questions.

• 

  rprozesky · Member · May 1, 2013 at 10:26 pm

  • Copy link

  Thank you once again.

  I’m starting to realize a lot of the tailoring is beyond my expertise.

  Is this something that I can get WerkPress to help me with or should I contact the designer of the theme since it is a premium theme?

• 

  helper-heroponriki · Member · May 2, 2013 at 2:40 pm

  • Copy link

  The theme developer can help you with layout issues or other configuration items with the theme, and they may be able to help with the CSS questions you may have. Here’s a link to your theme’s forum in case:
  http://premium-themes.forums.wordpress.com/forum/scrollider-express

  Otherwise, the custom font work you want to do would be a great thing to hire WerkPress to do for you. Here’s a link to their contact form:
  http://en.support.wordpress.com/customize-my-site/request-theme-customization/

  I hope that helps!

• 

  rprozesky · Member · May 13, 2013 at 1:22 am

  • Copy link

  To all the other blogging beginners our there here is a summary of what I learned about changing fonts in WordPress.com:

  It is not as easy as changing your fonts in MS Word.

  You have limited ability to change font styles and sizes using the “customize option”. Beyond that you at least need some CSS programming skills.

  You need to get a TypeKit account, link it to your wordpress.com site and then you have two options:

  Use Firebug and your CSS programming code reading skills to find the Selectors used by your Theme and then put these in on TypeKit’s side, or

  Purchase the custom upgrade option, which allows you access to a CSS sheet where you can use your CSS skills to override the CSS code already used.

  I take my hat of to these programmers, it is quite tricky.

• 

  helper-heroponriki · Member · May 15, 2013 at 1:28 pm

  • Copy link

  I take my hat of to these programmers, it is quite tricky.

  It sounds like you learned a lot of new things though! It is tricky, but the more you work with and experiment with CSS it starts to make a lot more sense.

  Happy blogging!