Fixed

This allows you to absolutely position elements within a Block. See all examples here.

NOTE: You can use the fixed shortcode for other elements however, it is important that that the wrapper is set to CSS position: relative;.

Option Default Example Description
top (empty) top="10px" Add a pixel or percent value for the CSS top position.
right (empty) right="10px" Add a pixel or percent value for the CSS right position.
bottom (empty) bottom="10px" Add a pixel or percent value for the CSS bottom position.
left (empty) left="10px" Add a pixel or percent value for the CSS left position.
margin_top (empty) margin_top="10px" Add a pixel or percent value for the CSS margin-top value.
margin_right (empty) margin_right="10px" Add a pixel or percent value for the CSS margin-right value.
margin_bottom (empty) margin_bottom="10px" Add a pixel or percent value for the CSS margin-bottom value.
margin_left (empty) margin_left="10px" Add a pixel or percent value for the CSS margin-left value.
width (empty) width="50%" Add a pixel or percent value for the CSS width value. If no value is set then it will adjust to the size of the content within it.
height (empty) height="100px" Add a pixel or percent value for the CSS height value. If no value is set then it will adjust to the size of the content within it.
hide (empty) hide="hide-phone" This gives you the ability to hide this shortcode on the devices you select:

  • (empty) = None
  • hide-phone-ptr = Phone portrait
  • hide-phone = Phone landscape
  • hide-tablet-ptr = Tablet portrait
  • hide-tablet = Tablet landscape
  • hide-desktop = Desktop
  • hide-large = Large

Example

[fixed top="10px" right="10px" left="auto" bottom="auto"]Add content here[/fixed]

Still having trouble? Head over to the forums.

Forums