Using Custom CSS to Change Margins in the Site Editor

[suchona.kani.z]

Let’s look at the different ways you can save custom CSS in WordPress.

If you are using a block theme with full site editor support. Here's how to add custom CSS to your theme.

First, go to the Appearance ” Editor page to launch the site editor and then switch to the 'Styles' panel.

Additional CSS option in site editor
At the bottom of the “Styles” panel, click the “Additional CSS” tab.

A text editor will appear where you can add your custom CSS code. The CSS code will be applied immediately kuwait telemarketing data and you will be able to see the changes on the screen.

CSS margin preview
Once you are satisfied with your changes, don’t forget to click the “Save” button to save your changes.

Adding margins with CSS in the theme customizer
If you are using a classic theme (without site editor support), you can save your custom CSS in the theme customizer.

Go to the Appearance ” Personalization page to launch the theme customizer.

Launch WordPress theme customizer
The customizer will show different options depending on your WordPress theme.

You need to click on the Additional CSS tab to expand it.

Additional CSS in Theme Customizer
The tab will slide to reveal a simple box where you can add your custom CSS.

As soon as you add a valid CSS rule, you will be able to see it applied in the live preview pane of your website.