{"id":3727,"date":"2013-05-24T20:56:37","date_gmt":"2013-05-24T20:56:37","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=3727"},"modified":"2024-05-17T16:28:44","modified_gmt":"2024-05-17T16:28:44","slug":"content-boxes","status":"publish","type":"page","link":"https:\/\/kallipoli.org\/en\/content-boxes\/","title":{"rendered":"Content Boxes"},"content":{"rendered":"

Content Boxes Shortcode<\/h1>\n

Content boxes are a great way to display unique, featured or highlighted content to your viewer. Our content box shortcode is loaded with design and customization options.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/span><\/div>

Flexible Content Boxes<\/h2><\/a><\/div>
<\/div>
Display content attractively by using Avada’s Content Boxes!<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

4 Design Styles<\/strong><\/span><\/p>\n

Content boxes come in 4 different design styles allowing you to choose the style per shortcode instance.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/span><\/div>

Icon Boxed<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Icon Beside Title<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Transparent Background<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Aligned With Title<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

Utilize Them In 1-6 Columns<\/strong><\/span><\/p>\n

Our column option is built into the content boxes allowing you to choose 1-6 columns<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/span><\/div>

1 of 4 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

2 of 4 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

3 of 4 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

4 of 4 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

1 of 3 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

2 of 3 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

3 of 3 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

1 of 2 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

2 of 2 Columns<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Full Width<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

Font Awesome & Custom Icon Integration<\/strong><\/span><\/p>\n

Content boxes can utilize any of the font awesome icons, or you can choose to upload custom icons. Font Awesome icons can be set to flip, rotate and spin.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/span><\/div>

Flip Icon<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Rotate Icon<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Spinning Icon<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

Styling Control<\/strong><\/span><\/p>\n

Fully control the styling of the icons, circles, borders, alignment and more.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/span><\/div>

Abundance of Icons<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/span><\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Border Customization<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/span><\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/i><\/span><\/div>

Circle Containers<\/h2><\/a><\/div>
<\/div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/span><\/div>
<\/div>Learn More<\/a>
<\/div><\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>

Complete Set of Options <\/strong><\/span><\/p>\n

Every option and description included with the alert shortcode is listed below.<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>