Use the CSS block to write inline CSS to style your content.
Screenshot
Example
Sets paragraphs foreground colour to green and headings to red italic.
p { color: green; }
h2 { font-style: italic; color: #ff0000 !important; }
Notes
- The CSS block replaces CSS – oik-block/css.
- Type some content into the text field to annotate the CSS, styled using GeSHi.
- If you just want to display the CSS then use GeSHi – oik-css/geshi and choose CSS for the Lang.
- In the block editor, some styling doesn’t get applied, unless you use
!important
. - This is due to the reset CSS enqueued by the block editor.