Blocks
With Blocks you can create awesome Boxes in this Template with various Effects like Parallax or random Backgrounds or Overlays. Check the Shortcode Documentation at the Bottom for all Details.
- Custom Background Image for each Block
- Enable or Disable Parallax Effect
- Custom Speed for the Parallax Effect
- Use with or without Padding
- Enable or disable the custom Colored Overlay
- Static Background Color is also possible
- Use YouTube Videos as Backgrounds
- Vertical Center and Full Height is possible
Block with Video and Overlay
Block with Parallax and no Overlay
124
Projects Delivered
4267
Satisfied Clients
24
Winning Awards
Block with Static Image and white Overlay
Block with Parallax and primary Overlay
Searching for exclusive digital services?
Quisque id nisi velit. Vestibulum rutrum finibus quam a venenatis. Nullam dui odio, pharetra non viverra vel, consequat sed est.
Block with static Background and custom Style
Searching for exclusive digital services?
Quisque id nisi velit. Vestibulum rutrum finibus quam a venenatis. Nullam dui odio, pharetra non viverra vel, consequat sed est.
Minimal Shortcode
{block}
This is my Content
{/block}
Shortcode with some Options
{block padding="yes" backgroundcolor="primary" class="my-class"}
{h4 color="success"}Headline{/h4}
This is my Content
{/block}
| Parameter Name | Description | Possible values | Default |
|---|---|---|---|
| padding | Choose if you want to have a padding or not for the whole Block | yes | |
| backgroundimage | If you want to have a Background Image, paste path here. Use Media Manager to get the Image Path | ||
| overlay | If you are using a Image you can specify a opaque Overlay for the Block | default, success, info, warning, danger, white, dark, light, primary, secondary, tertiary | |
| parallax | If you are using a Image you can specify here to use the Block as Parallax | yes | |
| speed | If you are using a Image and Parallax you can specify here the Speed for the Parallax | Any Number | 0.25 |
| backgroundcolor | If you use no Image you can specify a Backgroundcolor for the whole Element | default, success, info, warning, danger, white, dark, light, primary, secondary, tertiary | |
| backgroundvideo | You could also include a Fullscreen Background Video from YouTube. Please enter only the ID of the YouTube Video | Any valid YouTube ID | |
| fullheight | Can be set to yes to force the Block to have minimum the height of the Window | yes | |
| verticalcenter | In Combination with the Full Height you can Vertical Center the Content | yes | |
| data | A Data Attribute, can be useful with Tooltips, use data="data-placement='left'" | ||
| class | Add a optional Class to the Shortcode | ||
| id | Add a optional unique ID to the Shortcode | ||
| style | Add optional Style Attributes to the Shortcode |
