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
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that youโ€™ve provided to them or that theyโ€™ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.

Close