Logo Oxygen Builder How To

5 - How to put custom CSS code in Oxygen Builder



In many occasions we have to put CSS code inside Oxygen Builder, for this we have several options depending on how particular or general we need it to be executed.

Also in many occasions the visual controls that Oxygen Builder itself provides us to modify the CSS properties are not enough to do it and for the same reason we go to code with pure CSS.

Oxygen builder itself provides us with the tools to achieve this in a very simple way.

I recommend you this site of the Mozilla organization to learn CSS


Element or Class

Oxy How To Oxygen Builder
When we want to edit a particular element or class we can add CSS Code in Advanced - Custom CSS
Oxy How To Oxygen Builder
Very important to know that the braces "{ and }" are provided by the Custom CSS.

Page or Template

Oxy How To Oxygen Builder

When we want to have a better control over several elements or in a more general way we can use + Add - Basics - Code Block


It is also useful to put HTM, PHP and JavaScript code.

Entire Site

Oxy How To Oxygen Builder

The most general way we have in Oxygen Builder to use CSS code is by adding style sheets from Manage - Stylesheets which are loaded when each page is displayed.

You like me?
Take a second to support us on PayPal or Patreon!

Oxy How To Oxygen Builder
If you have any suggestions, please let us know

You can share it on: