Published on Aug 7, 2019

Inline Background Images in Oxygen

Sridhar Katakam

This members-only tutorial provides the steps to set up a img element to appear like a background for a Section in Oxygen.

The advantages of this approach over the traditional cover background image method are that:

  1. the images will be responsive using WordPress' srcset feature.
  2. plugins like ShortPixel Adaptive Images optimize inline images whereas they do not optimize background images.

Step 1

In the Oxygen editor, add a Section.

Add a class of bg-img-section .

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right