Down arrow

[Kymone Hinds]

How can I put a down arrow at the bottom of my hero video on our home page so that people know to click down.

[Bill Robbins]

Here’s one way you could do that:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home #hero-section:after {
   	font-family: 'ElegantIcons';
   	content: "\3b";
   	font-size: 40px;
   	position: absolute;
   	z-index: 2;
   	bottom: 10px;
   	left: 49%;
   	color: #fff;
   	font-size: 30px;
   }
   

3. Update your settings.

That should give you an arrow pointing down at the bottom of the hero area on the home page. It’s just an indicator that there is content below vs. a link that can be clicked.

Hope that helps out,
Bill

[Author]

Posts