How to create a Hero section for your Homepage.


How to create a Hero section for your Homepage.

In this tutorial, I will show you how to create a here section for your homepage. Note that homepage here is a static page,  refer to this link to understand what is a Static page Static Page.

  1. Log into your WordPress admin, of course.
  2. Pages -> Your home page
  3. Set that page as Home Page template
  4. Switch the WordPress Editor to Back End editor mode
  5. Now click on Add New -> A popup will be shown -> Navigate to Wiloke tab -> Hero
  6. Fill your settings for this shortcode
  7. Your front-end should look like this 
  8. As you see, The background is not full width now, there are two white spaces on your site. We will get rid of it now. Back to your admin, click on Row settings -> Select Stretch row and content (no paddings) 
  9. Refresh your front-end, it looks like perfect now.



Subscribe to our email list and stay up-to-date with all our awesome releases and latest updates.
MailChimp Icon