Bottom Arrow

A quick tutorial about activating bottom arrow in Matrix Themes

In some Matrix themes that come with fullscreen image hero, the bottom arrow is displayed by default and you don't need to do anything.

In other option you can display the bottom arrow by adding a helper class 'has-btm-arrow' as

- variable in hero image;

- helper class in custom widgets;

You add 'has-bottom-arrow' to the variable in order to display the hero image and it's caption

<var> has-draggable-hero color-white g-font has-btm-arrow </var>

You can display the same arrow in any fullscreen custom widget by adding the helper class 'has-btm-arrow' to the first code line of Widget/HTML:

<div class="is-matrix-block is-fullwidth bg-secondary has-btm-arrow">