Introduction

The hover box shortcode allows you to add a little style to your images with seven different hover transitions. You can control all of the settings and colors for each of the seven different styles.

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6

Style 7

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The hover box shortcode allows you to add a little style to your images with seven different hover transitions. You can control all of the settings and colors for each of the seven different styles.
[/intense_content_section]

[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
[intense_row padding_top="0"]
[intense_column size="4" medium_size="4"]
<h3>Style 1</h3>
[intense_hover_box image="718" size="square400" type="style" title="Boat Picture" title_color="#000000" divider_color="#000000" name="Tropical Island" name_color="#000000" linktext="View More" linktext_color="#000000" linkurl="#" background_color="#ffffff" background_opacity="70" border_radius="20px" background_image="2853" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Style 2</h3>
[intense_hover_box image="717" type="style2" size="small320" title="Sea Shore" title_color="#ffffff" divider_color="#ffffff" name="North Carolina" name_color="#ffffff" linktext="View More" linktext_color="#ffffff" linkhover_color="#ffffff" linkurl="#" background_color="#444444" border_color="#000000" background_opacity="70" border_radius="0px" background_image="2853" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Style 3</h3>
[intense_hover_box image="704" type="style3" size="square400" title="Lighthouse" title_color="#18e535" divider_color="#18e535" name="New Zealand" name_color="#18e535" linktext="View More" linktext_color="#18e535" linkhover_color="#ffffff" linkurl="#" background_color="#000" border_color="#000000" background_opacity="50" border_radius="40%" /]
[/intense_column]
[/intense_row]

[intense_row padding_top="20"]
[intense_column size="4" medium_size="4"]
<h3>Style 4</h3>
[intense_hover_box image="716" type="style4" title="Mountains" name="Unknown" linktext="View More" linkurl="#" background_color="#000000" background_opacity="75" border_color="#333333" border_width="25" border_radius="50%" background_image="2853" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Style 5</h3>
[intense_hover_box image="707" type="style5" size="small320" title="Tracks" title_color="#bbb78a" divider_color="#bbb78a" name="Indiana" name_color="#bbb78a" linktext="View More" linktext_color="#bbb78a" linkhover_color="#ffffff" linkurl="#" background_color="#232426" border_color="#000000" background_opacity="50" background_image="2853" /]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Style 6</h3>
[intense_hover_box image="694" type="style6" size="square400" title="Mykonos" name="Greece" linktext="View More" linkurl="#" background_color="#000000" background_opacity="75" border_color="#333333" border_width="16" background_image="2853" border_radius="50%" /]
[/intense_column]
[/intense_row]

[intense_row padding_top="20"]
[intense_column size="4" medium_size="4"]
<h3>Style 7</h3>
[intense_hover_box image="735" size="square400" type="style7" title="Tracy Moore" title_color="#000000" name="Accountant" name_color="#000000" linktext="Facebook" linktext_color="#000000" linkurl="#" background_color="#bbb" background_opacity="90" /]
[/intense_column]
[intense_column size="8" medium_size="8"][/intense_column]
[/intense_row]
[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]