If you'd like to add custom fonts, or load Google Fonts locally, we highly recommend using the following community-created solution: https://www.altmann.de/en/blog-en/code-snippet-custom-fonts. Alternatively, you may also upload custom web fonts (.woff, etc.) to Oxygen using the Use Any Font plugin. To add a font using Use Any Font, follow these steps: Click Use Any Font  in […]

One of the first things we recommend after activating Oxygen is to create (or edit) your "Main" template. Traditionally, this template contains the header and footer for your site, as well an Inner Content element. Creating the Main Template To create this template, go to Oxygen > Templates and click Add New Template. Then perform […]

Oxygen's visual editor is a what-you-see-is-what-you-get interface for creating and editing page designs. The visual editor consists of four sections: Top Bar, Left Sidebar, Preview Window, and Right Sidebar. Top Bar The Top Bar has a variety of controls available. This article will discuss the leftmost control and working toward the right.  Top Bar Controls: […]

Oxygen's flexbox-powered layout engine makes it easy to create any layout you can imagine. You define the structure of your page using container elements such as Sections, Columns, and Divs. After one of these elements is added to your design, you can place your content, like the Heading, Text, and Video elements, inside these container elements and […]

Oxygen's basic elements can be found at +Add -> Basics. All possible web page designs can be created by combining these elements together. Containers Container elements allow you to create the structure and layout of your design. In general, all the content on your page will reside within container elements. Deleting a container element will also […]

Menu element displays menus created at Appearance > Menus in your WordPress admin panel and provides options for styling, dropdowns, and responsive. Add a Menu to your page from +Add > WordPress > Menu. Menu Styling Options Many options for styling the menu links and controlling the menu layout are available in the Primary tab for the Menu. Menu […]

Easy Posts makes it easy to display customizable lists of posts, pages, or any custom post type. Add an Easy Posts to your page from +Add -> Helpers -> Easy Posts. Presets Various presets to display posts in list, grid, or masonry layouts are included with Oxygen. Choose a preset from Load Settings From Preset to load […]

Dynamic Data allows you to link design elements created in Oxygen to data from your WordPress database. For example, you can link a heading element in your blog post template to the Post Title in the database. The title for each blog post will be placed in the heading element. Similarly, you can link a text element to your […]

Control background color, video, image, and more with the settings inside Advanced > Background. Background Color Set the background color of the element. Background Image Set an image for the background. If the image is unable to load, the color will be used. You can set the image in three ways: Specify the URL to the […]

Control the way your text looks with the settings inside Advanced > Typography. Font Family This setting specifies the font for an element. By default, Oxygen allows you to choose from 800+ Google Fonts. Because there are so many fonts on Google Fonts, displaying them all at once in the list would not be practical. To […]