Tutorial: Multi-Line Gradient Button

In this tutorial, you’ll learn to create a multi-line button with Oxygen.

This is a great tutorial to watch to get a deeper understanding of the general principles on how to build designs with Oxygen – especially if you are coming from other visual builders like Elementor and Divi, that have more limited control of element states and no “div” element.

In this tutorial we’ll use a Link Wrapper to make the multiple elements that make up the button’s design all behave as a single link, and use the :hover state in conjunction with CSS transforms to make the button expand on hover – all without writing a single line of code.