Design, Upgrades

Custom Design »How to Add Custom CSS

You can use the CSS editor to customize the appearance of any site with a Premium plan or higher. It works by allowing you to add your own CSS styles to override the default styles of your theme.

Table of Contents

  1. Access the CSS Editor
  2. Default Placeholder Comment
  3. Previewing and Saving
  4. CSS Revisions
  5. What if I change themes?
  6. CSS Help
  7. Advanced CSS controls

Access the CSS Editor

To access the CSS editor, go to My Site → Design → Customize → Additional CSS:

The CSS editor

Note: you must have either Premium, Business ,or eCommerce active on your site to be able to add custom CSS to your site.

↑ Table of Contents ↑

Default Placeholder Comment

If you have never added CSS before or if you have recently changed themes, you will see the placeholder comment shown below.

/* Welcome to Custom CSS! To learn how this works, see */

The placeholder comment can be left in place or deleted and replaced with your custom CSS. It does not affect the code you add below.

↑ Table of Contents ↑

Previewing and Saving

When adding CSS code on your site, your changes will automatically be applied to the preview window, but they won’t actually be saved until you click the Save Changes button.

↑ Table of Contents ↑

CSS Revisions

The latest 25 revisions of your CSS edits are saved and can be accessed in the CSS editor.

CSS Revisions when your site does not have plugins installed

If your site does not have plugins installed, click CSS Revisions in the top right corner.

CSS Revisions when your site has plugins installed

If your site has plugins installed, click “See full history” at the bottom of the CSS editor. If the option does not show, it means there is no CSS history to restore.

↑ Table of Contents ↑

What if I change themes?

CSS is theme-specific, so all of your CSS is moved to a revision when you change themes. To review or restore past CSS, use CSS Revisions.

↑ Table of Contents ↑

CSS Help

Need CSS help? We can provide limited CSS support through live chat or email. Feel free to reach out and we’ll let you know if we can help with your CSS request. Otherwise, we can help point you in the right direction!

If you’re just getting started, there will be a learning curve, but CSS is a very valuable and reusable skill. There are a TON of great resources on the web to get you started with learning more about HTML and CSS. This handy series of articles on CSS is a solid starting point:

Here are a few tips:


See next page for advanced CSS controls

Pages: 1 2 View All

Still confused?

Contact support.

Not quite what you're looking for?

Get Help