Showcase Pro: Front Page 2

Front Page 2

This is the widget area directly below the hero on the home page.

The layout of this widget area is dynamic to the number of widgets you have activated. The first widget is always 100%, full width, and the widths of the consecutive widgets will adapt depending on how many widgets are activated. For instance, there are 4 Text widgets in the Showcase Pro Demo, the first has the title, and the following three widgets adapt to a three-column layout. Here is a the code from one of the widgets.

To edit the icons, go to https://ionicons.com/v2/ and search or browse for the icon of your choice. Hover on the icon and it will give you the class name. In the widget code up above you will see the code <i class="icon ion-arrow-shrink"></i>. Replace "ion-arrow-shrink" with your new icon class name, but leave the class name "icon" since that sets the size of the icon and color.