Info Popover

This is the Info Popover snippet for providing additional information and definitions.


Example

Themeco
Pro Web Designer Building Business Websites that are Optimized for Search and Tweaked for Lead-Generation*

HTML


Themeco Pro Web Designer Building Business Websites that are Optimized for Search and Tweaked for Lead-Generation<sup>*</sup>

CSS

/* INFO POPOVER */
.x-extra {
	border-bottom: 1px dashed #666;
	color:#444;
}
.popover-title {
	margin:0;
	padding:0.571em 0.75em;
	font-size:15px;
	font-weight:400;
	line-height:1.3;
	letter-spacing:1px;
	background-color:#112F2E;
	border-bottom:1px solid #112F2E;
	border-radius:5px 5px 0 0;
	color:#fff;
}
.popover-title:before {
	font-family: FontAwesome;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right:2px;
	font-size: 1.1em;
	content: "\f05a";
	color: #fff
}
.popover-content {
        font-family:inherit;
	padding:0.563em 0.875em;
	font-size:.9em;
	font-weight:normal;
	line-height:1.2;
	color:#333;
	background-color:#fff;
}