Skip to main content
Get Oxygen
Documentation/Elements Reference/Other/CSS Code
Elements Reference

CSS Code

The CSS Code element adds custom CSS to the page. The code you write is compiled into
the document's stylesheet file — it adds no markup to the page at all, so where you
place the element makes no visual difference.

Content

The CSS Code element's Content tab, with its syntax-highlighted code editor
  • CSS Code — the code editor, with syntax highlighting. Write ordinary CSS rules
    with your own selectors.
  • Disable Builder Label / Builder Label — in the builder the element appears as
    a striped label block (that's all there is to see — CSS has no visual body). Rename
    it via Builder Label or hide it with Disable Builder Label; the label never
    renders on the real page.

As the panel itself notes: the CSS is added to the document-specific stylesheet. If you
specifically need an inline <style> tag in the markup, use the HTML
Code element instead.

Scope

The rules land in the stylesheet generated for the current document (for a page,
uploads/oxygen/css/post-<id>.css), so they apply on pages where this document is
rendered — this is per-document CSS, not site-wide. For site-wide custom code, see the
Custom Code area in Oxygen's settings.