Oxygen Mini Tutorial

HTML and CSS in Oxygen

You do not need to learn how to code but knowing the basics will help you understand how to use Oxygen

You can access the HTML editor at the right side of the oxygen editor. (Click on “structure”)

HTML reference

Don’t need to understand or memorize all! Just learn and refer to it on a need to know basis.

You can edit the CSS of the selected element on the left side of the oxygen editor.

CSS References

Don’t need to understand or memorize all! Just learn and refer to it on a need to know basis.

Supermarket analogy:

If you have 2 types of products and multiple cans of soup...

.classes (reusable, general)
#id (more specific)

What is it? (class)
Which one is it? (id)