How to Edit CSS in Wordpress
- George Apostolov
How to Edit CSS in Wordpress: step-by-step guide
Navigate to Appearance, then click Editor.
Click Styles in the Design menu on the left.
Click the pencil icon to open the Styles options.
Click the three dots to the right of the “Styles” heading.
Choose “Additional CSS.“
Type or paste your CSS into the text box provided.
Click the “Save” button at the top right of the screen to save the CSS to your site.
Quick answer: To edit CSS in WordPress, navigate to Appearance and select Editor. Next, open Styles in the Design menu, click the pencil icon, select the three dots next to the Styles heading, and choose Additional CSS. Finally, type or paste your CSS into the text box and click the Save button.
About this WordPress tutorial
Customize your WordPress design by adding custom stylesheets. Follow this step-by-step guide to edit and save CSS on your site. This guide shows how to edit CSS in Wordpress in 7 steps, starting with "Navigate to Appearance , then click Editor " and finishing with "Click the ' Save ' button at the top right of the screen to save the CSS to your site". The interactive demo above is a click-through copy of the real WordPress interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to edit CSS in Wordpress?
7 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your WordPress data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under WordPress. Related guides: How to Edit Homepage on WordPress, How to Edit HTML in WordPress Posts and How to Edit Navigation Bar in WordPress. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
