Ncmaz - Blog, News, Magazine Full Site Editing WordPress theme
Live DemoBuy theme
  • Welcome
  • Getting Started
    • FSE - Quickstart
    • WordPress
  • Basics
    • Theme Installation
    • Theme Updates
    • Demo
    • Pages
    • Posts
    • Block Editor
    • Customization Block Editor
    • Site Editor
    • Site Editor
    • Sidebars
    • Woocommerce
    • Localization
    • Accessibility
    • Add Custom CSS
    • Dark/Light Logo
    • Plugins
    • Sources and References
    • Changelog
Powered by GitBook
On this page

Was this helpful?

  1. Basics

Add Custom CSS

PreviousAccessibilityNextDark/Light Logo

Last updated 1 month ago

Was this helpful?

While most changes can be made with settings in the , you may prefer to use CSS to customize your site if you have experience writing CSS code. This guide will show you how to edit your website with CSS.

Access the CSS Editor

You can add custom CSS to your site from the panel. Follow these steps to add custom CSS:

  1. Visit your site’s .

  2. Go to Appearance → Editor.

  3. Select “” from the left-side menu.

    • In the editor, you can also select the Styles icon in the upper right corner — the button looks like a black-and-white circle.

  4. Scroll to the “Additional CSS” section.

  5. Type or paste your CSS into the text box provided.

  6. Click the “Save” button at the top right of the screen to save the CSS to your site.

You can preview the impact of your CSS changes on any by loading the Style Book. Click “Preview” and select the “Style book” option.

Read more -

block type
https://wordpress.com/support/editing-css/#tab-site-editor
https://wordpress.com/support/editing-css/#tab-site-editor
WordPress editor
Styles
dashboard
Styles