Bringing up arrow

[Kymone Hinds]

How can I bring the down arrow on our front page so it is visible before having to scroll down? That as well as the calendar and events link.

Also is there a way to get a more prominent down arrow?

Thanks

[Bill Robbins]

In your Custom CSS, change 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;
}

to this:

.home #hero-section:after {
	font-family: 'ElegantIcons';
	content: "3";
	font-size: 40px;
	position: absolute;
	z-index: 2;
	top: 80%;
	left: 2%;
	color: #fff;
	background-color: #000;
	border-radius: 50%;
	font-size: 30px;
	padding: 4px 6px;
}

If you’d like to adjust the vertical position a bit more, the top: 80%; in the snippet above sets the distance from the top of the hero section as a percentage of its overall height.

Hope that helps out,
Bill

[Author]

Posts