I have a single slider setup with 2 layers. The first layer is an image, and the second is an HTML layer containing only text near the top-left corner. The text box looks fine in the preview within the LayerSlider plugin, but when viewed on the site the text box is extended all the way over to the right edge of the slider. I have attached screenshots of what this looks like in the preview, and on the live website. I need it to look like the preview.
I did some experimenting with this. The problem occurs when the Width and Height are set to Auto, and not when the values are manually entered. Am I doing something wrong, or is this a bug?
As I can see the problem is no longer present on the url you provided. Have you managed to fix the problem in the meantime ? In case not, could you please set up a test page for us where we can see it to investigate ?
I circumvented the problem by manually entering the height and width of the text layer. I put up a test page at http://dev.diamondfenceco.com/Test/ with these settings left at "auto" so you can see the problem.
I have a single slider setup with 2 layers. The first layer is an image, and the second is an HTML layer containing only text near the top-left corner. The text box looks fine in the preview within the LayerSlider plugin, but when viewed on the site the text box is extended all the way over to the right edge of the slider. I have attached screenshots of what this looks like in the preview, and on the live website. I need it to look like the preview.
I did some experimenting with this. The problem occurs when the Width and Height are set to Auto, and not when the values are manually entered. Am I doing something wrong, or is this a bug?
Hey pwmaloney,
As I can see the problem is no longer present on the url you provided.
Have you managed to fix the problem in the meantime ?
In case not, could you please set up a test page for us where we can see it to investigate ?
Hi Attila,
I circumvented the problem by manually entering the height and width of the text layer. I put up a test page at http://dev.diamondfenceco.com/Test/ with these settings left at "auto" so you can see the problem.
Pat
I have checked the test page and managed to locate the problem. The issue is caused by the following code in your style.css:
.ls-layer {
position: absolute;
left: 0;
top: 0;
height: 20px;
width: 100%;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) inset !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) inset !important;
content: "";
}
This custom styling is being applied on all of your layers and causing the issue.