Typography

Column

1/1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa.


1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi consequat eget.

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi consequat eget.


2/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem conse quat eget ultricies nisi tincidunt dictum.



3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere.

1/4

Lorem ipsum dolor eget consequat sit amet.


1/4

Lorem ipsum dolor eget consequat sit amet.

1/4

Lorem ipsum dolor eget consequat sit amet.

1/4

Lorem ipsum dolor eget consequat sit amet.

1/4

Lorem ipsum dolor eget consequat sit amet.


1/5

Lorem ipsum dolor eget adipiscing.

1/5

Lorem ipsum dolor eget adipiscing.

1/5

Lorem ipsum dolor eget adipiscing.

1/5

Lorem ipsum dolor eget adipiscing.

1/5

Lorem ipsum dolor eget adipiscing.


3/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt.

1/5

Lorem ipsum dolor eget adipiscing.

1/5

Lorem ipsum dolor eget adipiscing.


4/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo.

1/5

Lorem ipsum dolor eget adipiscing.


1/6

Lorem ipsum dolor eget.

1/6

Lorem ipsum dolor eget.

1/6

Lorem ipsum dolor eget.

1/6

Lorem ipsum dolor eget.

1/6

Lorem ipsum dolor eget.

1/6

Lorem ipsum dolor eget.


5/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin.

1/6

Lorem ipsum dolor eget.

See also placeholder

You can add this item to website in 2 ways:
Attributes Description
Content Content inside of column - Shortcodes and HTML tags allowed
Label This field is used as an Item Label in admin panel only
Text align | Text align Text align: left, center, right or justify
Text align | Mobile text align Text align for mobile : left, center, right or justify
Background | Color Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1)
Background | Image Choose background image from Media Library
Background | Position Choose position for your background image - This option can be used only with your custom image selected above
Background | Size Specify the size of a background image
Layout | Margin bottom Column margin bottom: default, 0, 10px, 20px, 30px, 40xp, 50px
Layout | Padding Column padding - Use value with px or %, e.g.: 20px or 20px 10px 20px 10px or 20px 1%
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-big-font { font-size:150% !important; font-weight:bold; }
Custom | Inline CSS Type your own inline CSS for the item - this is a useful option for those who want to create a special style. Example:
border: 1px solid #999;
Examples of use:
Pre-built website: Link:
Funfair
Ski2
Festival2
Finance3
Mechanic6
Estate3
Craftbeer2
Product5
Psychologist2
Fisher
Hotel4
Video2
Cakes
Universe