Boxes

Home / Shortcodes / Boxes

Fancy Box

[highlight bgcolor=”#1e73be” text_color=”#ffffff” type=”highlight1″]Parameters for the Fancy Box[/highlight]

[divider style=”thin” margin=”20px 0″ bordercolor=”#dddddd”]
[list icon=”fa-angle-right” color=”#81d742″]
Title : Type text you wish to display as Title for Fancy Box.
Box Content : Type content you wish to display for Fancy Box.
Title Color: Title color for the Fancy box.
Title BG Color: Title background color for the Fancy box.
Text Color: Text color for the content inside the box
Box BG Color: Background color for the fancy box.
Corner Ribbon: Corner Ribbon (Range from 01 – 64) for more details of the names you can check the ribbons bolder within the images folder.
[/list]
[divider style=”thin” margin=”20px 0″ bordercolor=”#dddddd”]

[one_half]
[highlight bgcolor=”#323A45″ textcolor=”#ffffff” type=”highlight1″]Standard Fancy Box[/highlight]
[demo_space height=”20px”]
[fancybox title=”Fancy Box” ribbon_check=”false”]Type content you wish to display for Fancy Box[/fancybox]
[/one_half]

[one_half_last]
[highlight bgcolor=”#323A45″ textcolor=”#ffffff” type=”highlight1″]Title BG and Text Color[/highlight]
[demo_space height=”20px”]
[fancybox title=”Fancy Box” title_bgcolor=”#dd3333″ title_color=”#000000″ ribbon_check=”false”]Type content you wish to display for Fancy Box[/fancybox]
[/one_half_last]
[demo_space height=”50px”]
[one_half]
[highlight bgcolor=”#323A45″ textcolor=”#ffffff” type=”highlight1″]Content BG and Text Color[/highlight]
[demo_space height=”20px”]
[fancybox title=”Fancy Box” box_textcolor=”#ffffff” box_bgcolor=”#398ebf” ribbon_check=”false”]Type content you wish to display for Fancy Box[/fancybox]
[/one_half]
[one_half_last]
[highlight bgcolor=”#323A45″ textcolor=”#ffffff” type=”highlight1″]Fancy Box with Corner Ribbon[/highlight]
[demo_space height=”20px”]
[fancybox title=”Fancy Box” ribbon_text=”20% HIT NOW” ribbon_size=”small” ribbon_check=”true”]Type content you wish to display for Fancy Box[/fancybox]
[/one_half_last]
[demo_space height=”50px”]
[highlight bgcolor=”#323A45″ textcolor=”#ffffff” type=”highlight1″]Fancy Box with Corner Ribbon Three Different Sizes[/highlight]
[demo_space height=”20px”]
[one_third]
[fancybox title=”Fancy Box” ribbon_text=”20% HIT NOW” ribbon_size=”small” ribbon_check=”true”]Donec scelerisque consequat accumsan. Vivamus tempor rhoncus augue, ac convallis diam. Praesent laoreet pretium nunc, vel ornare tortor placerat et. Nulla facilisi. Pellentesque nec velit a velit pretium faucibus a iaculis ipsum.[/fancybox]
[/one_third]
[one_third]
[fancybox title=”Fancy Box” ribbon_text=”20% HIT NOW” ribbon_size=”medium” ribbon_check=”true”]Donec scelerisque consequat accumsan. Vivamus tempor rhoncus augue, ac convallis diam. Praesent laoreet pretium nunc, vel ornare tortor placerat et. Nulla facilisi. Pellentesque nec velit a velit pretium faucibus a iaculis ipsum.[/fancybox]
[/one_third]
[one_third_last]
[fancybox title=”Fancy Box” ribbon_text=”20% HIT NOW” ribbon_size=”large” ribbon_check=”true”]Donec scelerisque consequat accumsan. Vivamus tempor rhoncus augue, ac convallis diam. Praesent laoreet pretium nunc, vel ornare tortor placerat et. Nulla facilisi. Pellentesque nec velit a velit pretium faucibus a iaculis ipsum.[/fancybox]
[/one_third_last]

Leave a Reply

Your email address will not be published.