Revolutionary custom box is here.

Regular callout boxes were cool and simple. Users however need an ultimate box which could be capable of real customization.
Custom box is the response to this problem. Now you can create your own box from scratch and display anything inside.
Just think of countless styles you can make with this revolutionary shortcode!

WHY USE CUSTOM BOX?

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla non semper enim, et ultrices dui.

#mk-custom-box-662b6ae05cde9 { min-height:100px; padding:40px 40px; background-attachment:scroll; background-repeat:repeat; background-color:#f86b35; background-position:center center; margin-bottom:50px; border:1px solid #f86b35; } #mk-custom-box-662b6ae05cde9 .mk-fancy-title.pattern-style span{ background-color: #f86b35 !important; }

Some samples built by custom boxes

Why use custom box?

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla non semper enim, et ultrices dui.

.button-662b6ae05d7ad { margin-bottom: 15px; margin-top: 15px; min-width: 0px !important; } .button-662b6ae05d7ad { background-color:#1d8e86; } .button-662b6ae05d7ad:hover { background-color:#1b847d; } .button-662b6ae05d7ad.three-dimension { box-shadow: 0px 3px 0px 0px #17726b; } .button-662b6ae05d7ad.three-dimension:active { box-shadow: 0px 1px 0px 0px #17726b; }
#mk-custom-box-662b6ae05d3d4 { min-height:100px; padding:40px 40px; background-attachment:scroll; background-repeat:repeat; background-color:#3db2aa; background-position:center center; margin-bottom:50px; border:1px solid #3db2aa; } #mk-custom-box-662b6ae05d3d4 .mk-fancy-title.pattern-style span{ background-color: #3db2aa !important; }

Why use custom box?

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Ut vitae nulla in dui ullamcorper molestie ac at eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

#mk-custom-box-662b6ae05d834 { min-height:100px; padding:40px 40px; background-attachment:scroll; background-repeat:repeat; background-color:#f6f6f6; background-position:center center; margin-bottom:50px; border:1px solid #eaeaea; } #mk-custom-box-662b6ae05d834 .mk-fancy-title.pattern-style span{ background-color: #f6f6f6 !important; }

Why use custom box?

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante. In semper dignissim rutrum. Vestibulum ante ipsum primis in faucibus orci.

.button-662b6ae0612f7 { margin-bottom: 15px; margin-top: 30px; min-width: 0px !important; } .button-662b6ae0612f7 { background-color:#00b89a; } .button-662b6ae0612f7:hover { background-color:#00ab8f; } .button-662b6ae0612f7.three-dimension { box-shadow: 0px 3px 0px 0px #00937b; } .button-662b6ae0612f7.three-dimension:active { box-shadow: 0px 1px 0px 0px #00937b; }
#mk-custom-box-662b6ae060eef { min-height:100px; padding:30px 40px; background-image:url(https://www.architektur-silberkuhl.de/wp-content/themes/jupiter/images/pattern/9.png); background-attachment:scroll; background-repeat:repeat; background-color:#f6f6f6; background-position:left top; margin-bottom:50px; border:1px solid #eaeaea; } #mk-custom-box-662b6ae060eef .mk-fancy-title.pattern-style span{ background-color: #f6f6f6 !important; }

Why use custom box?

Praesent mi risus, fringilla et congue a, adipiscing a justo. Etiam non nulla libero. Proin vitae feugiat ante.

.button-662b6ae0616d8 { margin-bottom: 15px; margin-top: 10px; min-width: 0px !important; } .button-662b6ae0616d8 { background-color:#f56a5f; } .button-662b6ae0616d8:hover { background-color:#e46358; } .button-662b6ae0616d8.three-dimension { box-shadow: 0px 3px 0px 0px #c4554c; } .button-662b6ae0616d8.three-dimension:active { box-shadow: 0px 1px 0px 0px #c4554c; }
#mk-custom-box-662b6ae06137a { min-height:100px; padding:30px 40px; background-image:url(http://artbees.net/themes/jupiter-demo/wp-content/uploads/2013/06/custom-box-bg1.jpg); background-attachment:scroll; background-repeat:repeat; background-color:#f6f6f6; background-position:left top; margin-bottom:50px; border:1px solid #eaeaea; } #mk-custom-box-662b6ae06137a .mk-fancy-title.pattern-style span{ background-color: #f6f6f6 !important; }