- Preview Custom Design Before Purchase
- How to Exit the Custom Design Preview
- Custom Fonts
- Custom Colors
- Custom CSS
- Request Theme Customization
- Frequently Asked Questions
With the Custom Design upgrade, you can personalize the look and feel of your blog with intelligent color tools, custom fonts, and a CSS editor that can be used to make more advanced design updates.
All of the Custom Design tools can be accessed through the Appearance → Customize in your blog dashboard where you can use the right-side menu to open panels for Colors, Fonts, and CSS. You can also access the same tools by going to Appearance → Custom Design and using the tabs at the top of the page.
Preview Custom Design Before Purchase
Anyone can preview the Custom Design upgrade tools for free. If you haven’t purchased the upgrade yet and you would like to preview the tools, go to Appearance → Customize, click the Custom Design menu link, and click the Try Now button.
How to Exit the Custom Design Preview
To exit a Custom Design upgrade preview, go to Appearance → Customize, click any menu item that has a circle icon next to it:
Then click the exit the preview link in the yellow notice at the top of the panel:
The Colors panel has intelligent color tools such as predefined palettes, color suggestions, a color picker, and a wide variety of background patterns. To learn more about how custom colors work, please read the Custom Colors help page.
The CSS panel contains an editor which can be used to customize the appearance of a theme using CSS code. The CSS editor is a more advanced option for those who know CSS or who are interested in learning it. If you don’t know CSS and want to learn, you can get help in our community CSS Customization support forum. For more information about working with the CSS editor, please read the Editing CSS help page.
Request Theme Customization
Want to really dig into customizing your WordPress.com theme but don’t want to take the time to learn CSS? You can hire qualified developers to tweak your WordPress.com theme. We are partnered with Tweaky, a WordPress.com customization service, where you can pay theme customizers to assist you. Prices start at $39. Get a free quote.
Frequently Asked Questions
I’m already using Typekit fonts on my blog. How will the Custom Design upgrade affect me?
If you entered a Typekit “Kit ID” prior to WordPress.com’s introduction of custom fonts as part of the Custom Design upgrade and you choose to leave the font settings as they are, you have been grandfathered in and can keep your Typekit connection as is.
If you would like to add a separate Typekit account to use together with the Custom Design upgrade, you must have setup a Typekit.com account and you must also have purchased a WordPress.com Custom Design upgrade. To connect your Typekit account to your WordPress.com blog, make sure you have switched to “advanced mode” on your Appearance → Custom Design → Fonts page in your blog dashboard and entered the “Kit ID” provided by Typekit. After that, you will be able to manage your fonts through the Kit Editor on the typekit.com website using their instructions.
If I switch themes, will my fonts and CSS carry over to the new theme?
Fonts will carry over, but CSS will not. CSS is theme-specific and CSS written for one theme is unlikely to make sense for another. You can always access CSS you saved in the past via the CSS Revisions link at the top right of the Appearance → Customize → CSS panel.
Does the Custom Design upgrade let me edit HTML?
No. The Custom Design upgrade allows you to edit fonts, colors, and CSS only. You can change the appearance of a theme, but not its HTML markup or PHP code. If you require this functionality, please consider moving your blog to a web host that supports theme code modifications, suitable hosts can be found here. Read more about why here. You can choose to apply your custom fonts or custom stylesheet to any of the themes available on WordPress.com. You can use any WordPress.com theme as a blank canvas if you check the Don’t use the theme’s original CSS option in the Appearance → Customize → CSS panel.
Does the Custom Design upgrade let me upload themes?
No. Uploading custom themes is not supported on WordPress.com. Read more about this here.
Are there any restrictions to the CSS?
Any CSS that poses a security risk is stripped. This includes @import of outside files and @font-face to include font files.
May I remove credit links such as ‘Blog at WordPress.com’, theme, font, or toolbar links?
All WordPress.com bloggers are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. Modifying the style of the footer text (i.e. colors and font size) is fine as long as it’s still readable.
I’m not sure if the Custom Design upgrade is for me. Can I try before I buy?
Yes! If you haven’t purchased the upgrade yet, go to Appearance → Customize, click the Custom Design menu link, and click the Try Now button. The CSS panel has an editor where you can paste CSS code and preview the changes in the live preview area on the left. The CSS changes you try before purchasing the upgrade will only be visible to you, so you can test and edit to your heart’s content.
If you’d like to preview your custom colors, fonts, or CSS with a different theme, but without changing the appearance of your live blog, you can use the Live Preview link below any theme on the Appearance → Themes page in your blog dashboard.
I purchased the Custom Design upgrade and changed my mind. Can I get a refund?
Yes. Please check our refund policy on upgrades.
What happens if I unsubscribe from my Custom Design upgrade?
All upgrades on WordPress.com are renewed yearly. Should you choose to cancel your subscription, your custom fonts, colors, and CSS will no longer be applied to your blog. The revisions for your customizations will still be saved, but they won’t be visible on the blog’s front end unless you renew your subscription.