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:
|
Example
[fixed top="10px" right="10px" left="auto" bottom="auto"]Add content here[/fixed]