• Skip to primary navigation
  • Skip to main content

Fat Pony

WordPress Developer & Designer

  • Work
  • Clients
  • About
  • Plugins
  • Blog
  • Contact

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.

Fixed Left
#elevator { 
	position: fixed;
	bottom: 0;
	left: 20px;
}
Fixed Right
#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.

Relative Left
#elevator.elevator-container {
	text-align: left;
}
Relative Right
#elevator.elevator-container {
	text-align: right;
}
  • Work
  • Clients
  • About
  • Plugins
  • Blog
  • Contact

Copyright © 2022 · Erica Franz