Tooltip Style

[row][col large=”4″ medium=”4″ small=”6″ xsmall=”12″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”top”]

TOOLTIP 1

[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”right”]TOOLTIP 1(right)[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”left”]

TOOLTIP 1(left)

[/ya_tooltip][/col]


[col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”top” style=”style2″]

TOOLTIP STYLE2

[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”right” style=”style2″]TOOLTIP 2(right)[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”left” style=”style2″]

TOOLTIP 2(left)

[/ya_tooltip][/col]


[col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”top” style=”style3″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP STYLE3

[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”right” style=”style3″ title=”Lorem ipsum dolor sit amet”]TOOLTIP 3(right)[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”left” style=”style3″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP 3(left)

[/ya_tooltip][/col]


[col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”top” style=”style4″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP STYLE4

[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”right” style=”style4″ title=”Lorem ipsum dolor sit amet”]TOOLTIP 4(right)[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”left” style=”style4″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP 4(left)

[/ya_tooltip][/col]


[col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”top” style=”style5″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP STYLE5

[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”right” style=”style5″ title=”Lorem ipsum dolor sit amet”]TOOLTIP 5(right)[/ya_tooltip][/col] [col large=”4″ medium=”4″ small=”4″ xsmall=”4″][ya_tooltip info=”consectetur adipisici elit, sed eiusmod tempor incidunt ut labore ” position=”left” style=”style5″ title=”Lorem ipsum dolor sit amet”]

TOOLTIP 5(left)

[/ya_tooltip][/col][/row]


</p>
<div class="box-recommend-title">
<h3>Tooltip Style</h3>
</div>
<p>[col large="4" medium="4" small="6" xsmall="12"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="top"]</p>
<p style="text-align: center;">TOOLTIP 1</p>
<p>[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="right"]TOOLTIP 1(right)[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="left"]</p>
<p style="text-align: right;">TOOLTIP 1(left)</p>
<p>[/ya_tooltip][/col]</p>
<hr />
<p>[col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="top" style="style2"]</p>
<p style="text-align: center;">TOOLTIP STYLE2</p>
<p>[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="right" style="style2"]TOOLTIP 2(right)[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="left" style="style2"]</p>
<p style="text-align: right;">TOOLTIP 2(left)</p>
<p>[/ya_tooltip][/col]</p>
<hr />
<p>[col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="top" style="style3" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: center;">TOOLTIP STYLE3</p>
<p>[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="right" style="style3" title="Lorem ipsum dolor sit amet"]TOOLTIP 3(right)[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="left" style="style3" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: right;">TOOLTIP 3(left)</p>
<p>[/ya_tooltip][/col]</p>
<hr />
<p>[col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="top" style="style4" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: center;">TOOLTIP STYLE4</p>
<p>[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="right" style="style4" title="Lorem ipsum dolor sit amet"]TOOLTIP 4(right)[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="left" style="style4" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: right;">TOOLTIP 4(left)</p>
<p>[/ya_tooltip][/col]</p>
<hr />
<p>[col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="top" style="style5" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: center;">TOOLTIP STYLE5</p>
<p>[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="right" style="style5" title="Lorem ipsum dolor sit amet"]TOOLTIP 5(right)[/ya_tooltip][/col] [col large="4" medium="4" small="4" xsmall="4"][ya_tooltip info="consectetur adipisici elit, sed eiusmod tempor incidunt ut labore " position="left" style="style5" title="Lorem ipsum dolor sit amet"]</p>
<p style="text-align: right;">TOOLTIP 5(left)</p>
<p>[/ya_tooltip][/col]</p>
<hr />
<p>