Elevator Style Guide

Sometimes we all need a little inspiration to get started on the right path. This Elevator Style Guide provides basic examples to start customizing your Elevator ‘Back to Top’ button.

Fixed Position

If you wish to style your ‘Back to Top’ button so it sticks to the same position within the browser window, use position: fixed; to do so.

#elevator { 
	position: fixed;
	bottom: 0;
	left: 20px;
}

#elevator { 
	position: fixed;
	bottom: 0;
	right: 20px;
}

Relative Position

Alternatively, the Back to Top text can remain at the end of the page, but aligned left or right to better suit your site’s design.

#elevator.elevator-container {
	text-align: left;
}

#elevator.elevator-container {
	text-align: right;
}