Tooltips

Wait is over! The tooltips are finally added to this item, you can use tooltip to describe your pricing table item or any feature easily. Documentation and examples are given below.

Tooltip with text

Code:

<p>
	Some text with 
		<span class='avn-has-tooltip' >
			<span class='avn-tooltip' >
				Tooltip with text
			</span>
			tooltip
		</span>.
</p>

Result:

Some text with Tooltip with text tooltip .

Tooltip with features list

Code:

<p>
	Some text with 
	<span class='avn-has-tooltip' >
		
		<span class='avn-tooltip' >
			
			<span class='avn-features-list' >
				
				<span>
					<i class='ion-ios-checkmark' ></i>Feature 1
				</span>
				
				<span>
					<i class='ion-ios-cart' ></i>Feature 2
				</span>
				
				<span>
					<i class='ion-close' ></i>Feature 3
				</span>
				
				<span>
					<i class='ion-ios-more' ></i>And so on
				</span>
				
			</span>
			
		</span>
		
		tooltip list
	</span>.
</p>

Result:

Some text with Feature 1 Feature 2 Feature 3 And so on tooltip list .