To active, the Hero Message with Links setting, navigate to Settings - Desing Settings - Homepage Layout - Homepage Search Settings -- Search Type:




This will activate the following field:




Which will, in turn, allow you to add your custom code, giving you more control over the first fold of your site. 


We have 2 code suggestions to use in this section, 1 button or 2 buttons. 


This is the code for 1 button:


<div class="col-md-8 col-md-offset-2"> 
<a href="/insert-web-link" class="btn btn-primary btn-xl btn-block">  Button Text 1  </a>
</div>
<div class="clearfix"></div>



Note: Make sure to add the permalink you want this button to link to instead of the generic link that is between the quotes that says /insert-web-link






This is the code for 2 buttons:


<div class="col-md-6 sm-bmargin"> 
<a href="/insert-web-link" class="btn btn-success btn-xl btn-block">  Button Text 1 </a>
</div>
<div class="col-md-6"> 
<a href="/insert-web-link" class="btn btn-primary btn-xl btn-block">  Button Text 2 </a></div>
<div class="clearfix"></div>



Note: Make sure to add the permalink you want this button to link to instead of the generic link that is between the quotes that says /insert-web-link





How to Edit the Color of these Buttons



The color of these buttons is determined by the code you use. For example on the sample code for 2 buttons it uses 2 different CSS classes:


One uses the Success button class, the other the Primary button class. These colors can be edited in the 

Settings > Design Settings > Default Button Links