Is there a way to show different texts on the left side of pictures using a nivo slider and have them slide like pictures? I have tried various solutions but cannot seem to move the text outside of the picture. When I add a negative value to the left, the caption disappears as it is visible only on the picture itself. How can I set the position of the caption outside the image, so that it is not part of the image? And is the nivo slider the right tool for this task?
-----------------------------------------
| |
| image |
------------- | |
| caption | | |
-------------- -----------------------------------------
Thank you in advance for your help. Currently, I have the following setup: HTML
<div id="feature-text-01" class="nivo-html-caption">
<p><h2>Title 1</h2></p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
</div>
<div id="feature-text-02" class="nivo-html-caption">
<p><h2>Title 2</h2></p>
<p>sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
</div>
<div id="feature-text-03" class="nivo-html-caption">
<p><h2>Title 3</h2></p>
<p>At vero eos et accusam et justo duo dolores et ea rebum.</p>
</div>
<div id="feature-text-04" class="nivo-html-caption">
<p><h2>Title 4</h2></p>
<p>At vero eos et accusam et justo duo dolores et ea rebum.</p>
</div>
CSS
.nivo-caption {
width: 200px;
height: 250px;
left: -200px; /* same as the width */
}