Elements

Hover Color

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
Coworking
Itservice5
Internet3
Party4
Herbal
Logistics
Writer
Agency2
Car
Grocery2
Journalist
Pestcontrol
Club3
Tutor
Oculist2
Factory2
Photo2
Event4
Manicure2
Supplier
Security2
Architect3
Accountant2
Webmaster
Close