Typography
Inline shortcode

Image

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.

Praesent in libero vel turpis pellen

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
Fitness2
Bar2
Baker
Wine