Text outside jQuery Slider not showing on webpage

Question:

I have the commercial version of your software.

I am attaching the most recent saved version of our project. As you can see in the project, each of these images has a title and a description. However, neither are showing on the website. It is imperative that the title and the description DO NOT overlap the image as these are of original art work. I have changed the slider skin numerous times and when I change the Text Effect to overlay the image - it is there. However, if I change the Text effect to be outside the image either on top or the bottom, it does not show.

Please let me know what the issue might be.

Answer:

The text is actually there on your webpage, but the parent div of the slider has a "overflow:hidden" css property, so the text is hidden.

You can find the following HTML code in your webpage:

<div style="margin:0px auto;max-width:350px;">

<!-- Insert to your webpage where you want to display the slider -->
<div id="amazingslider-1" style="display:block;position:relative;margin:0px auto 0px;">

Change it to (change marked by red):

<div style="margin:0px auto 60px;max-width:350px;">

<!-- Insert to your webpage where you want to display the slider -->
<div id="amazingslider-1" style="display:block;position:relative;margin:0px auto 0px;">

Comments are closed.