Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Nulla imperdiet sit amet magna. Vestibulum dapibus.
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel.
Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Nulla imperdiet sit amet magna. Vestibulum dapibus.
Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel.
You can add this item to website in 2 ways:
| Attributes | Description |
|---|---|
Image |
Select image from Media Library |
Size |
Choose one of four predefined sizes: Full size, Large, Medium, Thumbnail - Select image size from Settings > Media > Image sizes (Media Library images only) or use below fields for HTML resize |
Width |
Image width in px - optional |
Height |
Image height in px - optional |
Stretch |
Stretch image to column width. Height will be changed proportionally |
Options | Align |
Choose how you want to align the image - none, left, center or right |
Options | Border |
Show Image Border |
Margin | Top |
Margin top in px |
Margin | Bottom |
Margin bottom in px |
Link | Popup image |
This image or embed video will be opened in lightbox |
Link | Link |
If you don't want to open the image after click you can type your own link (with http://) |
Link | Target |
Link target - _self default, _blank new tab or window |
Link | Hover Effect |
Animated effect on image hover |
Description | Alternate Text |
Image Alternate Text when image link is missing |
Description | Caption |
Short text under image |
Advanced | Greyscale Images |
Change image to greyscale. Works only for images with link |
Advanced | Animation |
Choose entrance animation on scroll or leave not animated |
Custom | CSS classes |
Type your own class for the item - this is a useful option for those who want to create a special style. For example: you can type my-class-big-font class and then go to BeTheme options > Custom CSS & JS > Custom CSS and write your own styles for this class: .my-class-image-transparency { opacity: 0.6; }
|
Examples of use:
| Pre-built website: | Link: |
|---|---|
| Xmas3 | See in action |
| Fitness2 | See in action |
| Bar2 | See in action |
| Baker | See in action |
| Wine | See in action |
