This module provides a responsive background image formatter for Paragraphs, allowing you to set background images on either the Paragraph container itself or on a specific media field within the Paragraph. This offers flexibility for creating full-screen backgrounds or inline background elements.
Summary
This module provides a responsive background image formatter for paragaphs. The module extends the Responsive Background Image formatter module.
The formatter can be configured with the following options:
- DOM element target - either the Paragraph or the Media field element referenced within the paragraph.
Using the Paragraph setting, the background image is rendered on the paragraph container / behind the paragraph child elements - useful for full screen paragraphs.
Using the Media field element setting, background images are rendered on the media field element - useful for inline background elements.
Requirements
- Paragraphs
- Responsive BG Image Formatter
Installation
Install as you would normally install a contributed Drupal module.
Visit https://www.drupal.org/node/1897420 for further information.
Usage
- Create a paragraph
- Create a media field within the paragraph
- Set the field display setting for the media field to rendered entity
- Create or modify the media image display settings and choose Paragraphs Responsive Background Image as the formatter
- Set the DOM element target setting to either Paragraph or Media field element