Apply custom CSS without adding style tags yourself
Enter CSS rules directly in the design editor, with structure checks when you apply new or edited styles.
When customizing a header, banner, layout, or footer, you can now enter CSS rules directly in the Style CSS field. New or edited rules are wrapped in a style block when applied, and incomplete CSS structures are flagged.
In Design → Custom Code, edit your styles, select Apply custom code, and check the preview. Then select Save in the design settings to update the blog. Applying code alone does not save the change.
Unchanged saved CSS stays as it is, including when you edit only HTML or other settings. Existing rules saved without style tags are not automatically converted. Review those styles before updating them, and check the preview: structure checks do not guarantee that every CSS rule looks right in every browser.
See the custom design guide for the editing and saving steps.