m.overlay

Add an overlay tint to darken image areas for better contrast for the content. This module works well in combination with _c.band.

Sets relative position, so the psuedo element overlay doesn’t overflow it’s container. The default weight of the overlay is 50%.

Content to appear over the overlay.
$data = array( 'content' => 'Content to appear over the overlay.', ); mttr_get_template( template-parts/base/_module.overlay, $data );

- .overlay__body
- Required
Required element to position content within the overlay element above the overlay.

- .overlay--light
- Enabled
Change the weight of the overlay to 30%.
- This content will appear above the overlay.
- $data = array( 'content' => 'Content to appear over the overlay.', ); mttr_get_template( template-parts/base/_module.overlay, $data );
- .overlay--heavy
- Enabled
Change the weight of the overlay to 70%.
- This content will appear above the overlay.
- $data = array( 'content' => 'Content to appear over the overlay.', ); mttr_get_template( template-parts/base/_module.overlay, $data );