# Buttons and Text over Hero Image

**URL:** <https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722>\
**Category:** Shapely\
**Created:** [April 7, 2016, 12:07am UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722 "2016-04-07T00:07:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![pearapp](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ee59a6/32.png) [@pearapp](https://colorlibsupport.com/u/pearapp)\
**Post date:** [April 7, 2016, 12:07am UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/1 "2016-04-07T00:07:19Z")

</div>

Hi!

In the demo of this theme there is are purple and transparent buttons hovering over the hero image on the home page saying Read More & Download now. There is also text above them. How do you add these buttons and text boxes?

---

<div class="post-metadata">

**Author:** ![tom35folder](https://colorlibsupport.com/user_avatar/colorlibsupport.com/tom35folder/32/3094_2.png) [@tom35folder](https://colorlibsupport.com/u/tom35folder)\
**Post date:** [April 7, 2016, 8:44am UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/2 "2016-04-07T08:44:17Z")

</div>

I think it’s a paralax widget, and you’ll find those buttons in that widget.  
Set your homepage as a static one, and create the pages you want your buttons to refer to.  
Then, it will work!  
(At least, it works for me!)

Have a great day!

Tom

---

<div class="post-metadata">

**Author:** ![oris](https://colorlibsupport.com/user_avatar/colorlibsupport.com/oris/32/3701_2.png) [@oris](https://colorlibsupport.com/u/oris)\
**Post date:** [April 10, 2016, 2:10pm UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/3 "2016-04-10T14:10:32Z")

</div>

hi i have installed the shapely theme but the buttons 1 and 2 are not visible. Please how do i make it show on the hero image header? Thanks

---

<div class="post-metadata">

**Author:** ![tom35folder](https://colorlibsupport.com/user_avatar/colorlibsupport.com/tom35folder/32/3094_2.png) [@tom35folder](https://colorlibsupport.com/u/tom35folder)\
**Post date:** [April 10, 2016, 2:51pm UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/4 "2016-04-10T14:51:34Z")

</div>

You must first create a home page (name it homepage if you mind)  
Then, set it to “static” in the customize section  
Create the pages which the buttons will refer to.  
Say the “About us”, and “READ MORE” buttons will refer to “About us” page and " Our MARVELLOUS STUFF" page.  
Then you go to customize-\> Widget-\> Homepage-\> Parallax

and you use your “hero” picture, then, in the bottom of the widget settings, you’ll find your buttons “1” and “2”  
Fill the fields with the links to the pages you create, name your buttons accordingly, and BOOM…

Have a nice day!

Tom

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [April 13, 2016, 12:00pm UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/5 "2016-04-13T12:00:44Z")

</div>

Hi Tom,

I hope you are well today and thanks for helping out here in this forum.

Your help here is really appreciated.

Thanks,  
Movin

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [April 13, 2016, 12:01pm UTC](https://colorlibsupport.com/t/buttons-and-text-over-hero-image/9722/6 "2016-04-13T12:01:55Z")

</div>

Hi There,

Along with setting page as static which Tom described above, you have to also set page template of that page to “Home Page” in the page edit screen.

Best Regards,  
Movin