You can add this item to website in 2 ways:
Attributes | Description |
---|---|
Content |
Hover color content |
Text align |
Text align: left, center, right or justify |
Padding |
Hover color padding - Use value with px or %, e.g.: 20px or 20px 10px 20px 10px or 20px 1% |
Background | Color |
Background color - Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1) |
Background | Hover color |
Background hover color - Use color name, hex or rgba, e.g.: grey, #626262 or rgba(98, 98, 98, 1) |
Border | Color |
Border color - optional |
Border | Hover color |
Hover border color - optional |
Border | Width |
Width of border in px - optional |
Link | Link |
Link (with http://) |
Link | Target |
Link target - _self default, _blank new tab or window, lightbox image or embed video |
Link | Class |
This option is useful when you want to use scroll |
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: |
---|---|
Hemp | See in action |
Coworking | See in action |
Itservice5 | See in action |
Internet3 | See in action |
Party4 | See in action |
Herbal | See in action |
Logistics | See in action |
Writer | See in action |
Agency2 | See in action |
Car | See in action |
Grocery2 | See in action |
Journalist | See in action |
Pestcontrol | See in action |
Club3 | See in action |
Tutor | See in action |
Oculist2 | See in action |
Factory2 | See in action |
Photo2 | See in action |
Event4 | See in action |
Manicure2 | See in action |
Supplier | See in action |
Security2 | See in action |
Architect3 | See in action |
Accountant2 | See in action |
Webmaster | See in action |