philipgledhill

<!-- Put this code in a text widget in front-page-1 widget area of Altitude Pro theme. -->
<!-- Put 1 text widget in this widget area. -->

<h4>This headline has a small font size</h4>

<h2>Your Headline <br />goes here</h2>

<a class="button" href="#front-page-7">This text jumps to bottom of home page</a> 

<a class="button clear white" href="#front-page-2">This text jumps to section two of the home page</a>

philipgledhill

<?php
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'three_box_loop' );
function three_box_loop() {
	 ?>
<div class="first-row-wrap">
  <div class="first-row-wrap-inner">
<?php echo do_shortcode( '[stripes_first_row_widget_a]' ); ?>

philipgledhill

/** ----- Text for widget area with background image AND BUTTON----- */

<h2 class="white-headline shadow">Headline for DARK row</h2>
<span class="white-text shadow">Text for DARK row. This is an example of a WordPress  post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</span>


/** ----- Text for widget area with dark background ----- */

<h2 class="white-headline">Headline for DARK row</h2>
<span class="white-text">Text for DARK row. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</span>

philipgledhill

/** ----- The CSS ----- */
/** The outer div -----*/
.label-fluid-page .site-inner,
.label-fluid-page .content-sidebar-wrap,
.label-fluid-page .content {
  width: 100%;
	max-width: 100%;
	padding: 0;
}

philipgledhill

/** ----- 
Paste this code at...

Genesis → Dynamik Design → Responsive 

@media only screen and (max-width: 839px) ----- */

/** ----- Headline and text colour ----- */
.first-row-wrap {
	background: #000000;

philipgledhill

#ez-home-bottom-container .ez-widget-area {
	background: #F0F0F0;
	border-bottom: 2px solid #C7C7C7;
	-webkit-border-radius: 0 20px 20px 20px;
	border-radius: 0 20px 20px 20px;
}

#ez-home-bottom-container .widget {
	padding: 20px;
}

philipgledhill

#ez-home-bottom-container .ez-widget-area {
	background: #4F9BFF;
	border-bottom: 4px solid #CCCCCC;
	-webkit-border-radius: 0 20px 20px 20px;
	border-radius: 0 20px 20px 20px;
}

#ez-home-bottom-container .widget {
	padding: 20px;
	color: #FFFFFF;

philipgledhill

/** When styling the bg of JUST #ez-home-bottom-2 
	this makes all headlines level */ 

#ez-home-bottom-container .widget {
	padding: 20px;
}

philipgledhill

/** Put this in Dynamik Custom CSS
------------------------------------ */

#ez-home-top-container {
	background: #1FFF4B;
}

#ez-home-middle-container {
	background: #FF4B1F;
}

philipgledhill

<?php
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'my_template_loop' );
function my_template_loop() { ?>

<div class="top-row-wrap">
  <div class="top-row-wrap-inner">
<?php echo do_shortcode( '[top_left]' ); ?><?php echo do_shortcode( '[top_right]' ); ?>