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;.

OptionDefaultExampleDescription
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]
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy