Hero Box

Usage

Used to display a message or highlight information in a hero box over on an image. For the Department theme, the image should be 980X360 or the same ratio. For the Core Theme, the image should be 960X360 or the same ratio. Heading and other styling and/or shortcodes may be used within the hero shortcode to format the information in the overlay box

Note: Images in hero boxes are not included when using the [rps-include] shortcode.  The content of the page should be included and the image an hero box created on each page.

Example: [hero attachment_id=125 align=”right”]

Here is an example of a hero box.



UPDATE

We have new colors, transparency, and placement options for Hero Boxes.  To change these settings notice the align, class and transparency attributes in the following table.


The following attribute will be available after the wordpress core update (scheduled for 4.18.15).

zeromargin             |   removes the bottom margin from the hero image, so that there is no space between the
                                   hero box and the next element on the page   


Example
[hero attachment_id="5601" align="bottomright" class="mulberry" class="light-text" opacity="transparent"]<h2>Content</h2>Your content here.[/hero]

Scroll through all the possible combinations here.

Feedback and Knowledge Base