StudioPress Page
Front Page Layout Configurations
The front page widget areas are designed to change layout based on the number of widgets added to these areas. The image below illustrates the different layouts based on the number of widgets used.
- One widget displays a single full-width row.
- Two widgets will display as two (2) full-width rows.
- Three widgets will display as two (2) rows. The first row will display full width. The second row will display as two (2) columns equal to approximately one-half the width of the widget area.
- Four widgets will display as two (2) rows. The first row will display full width. The second row will display as three (3) columns equal to approximately one-third the width of the widget area.
- Five widgets will display as two (2) rows. The first row will display full-width. The second row will display as four (4) columns equal to approximately one-quarter the width of the widget area.
- Six widgets will display as three rows. The first and last row will display as full-width. The middle two (2) rows will display as two (2) columns equal to approximately one-half the width of the widget area.
- Seven widgets will display as three rows. The first row will display full-width. The second and third rows will display as three (3) columns equal to approximately one-third the width of the widget area.
- Eight widgets will display as five (5) rows. The first and last row will display as full-width. The middle three (3) rows will display as two (2) columns equal to approximately one-half the width of the widget area.
- Nine widgets will display as three rows. The first row will display full-width. The second and third rows will display as four (4) columns equal to approximately one-quarter the width of the widget area.
Additional widgets will display in similar configurations to those above.
The Altitude Pro theme demo displays the following number of widgets in the home page widget areas.
- Front Page 1 widget area uses one (1) widget.
- Front Page 2 widget area uses one (1) widget.
- Front Page 3 widget area uses three (3) widgets.
- Front Page 4 widget area uses four (4) widgets.
- Front Page 5 widget area uses one (1) widget.
- Front Page 6 widget area uses three (3) widgets.
- Front Page 7 uses one (1) widget.
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds
Button Design
<div style="clear:both;"><p style="text-align: center;"><a href="https://resusleadershipacademy.com/contact/" class="button" style="float: center;">Get More Information Now</a></p></div>