![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
September 25, 2017 at 11:07 am #856421
Hi.. I tried to put caption below easy slider, but it seems the caption is hidden under the background
I used suggested css by Josue from another thread:
.avia-caption {
position: absolute;
bottom: -120px;
}
.avia-slideshow, .avia-slideshow-inner {
overflow: visible !important;
}
.avia-slideshow {
padding-bottom: 120px;
}And here is what it looks like on my site
https://www.dropbox.com/s/zn584fakbcch6i3/photoworks.jpg?dl=0Please advise?
September 25, 2017 at 4:14 pm #856557Hey dewasurya,
You may have to alter the z-index of the caption and or the background. Please provide a link to the site in question so we can look into this issue further.
Best regards,
Jordan ShannonSeptember 26, 2017 at 2:06 am #856740This reply has been marked as private.September 26, 2017 at 4:51 pm #857015Hi,
Have you added the caption already?
Best regards,
Jordan ShannonSeptember 27, 2017 at 9:05 am #857377hi Jordan,
The captions is all there. I’ve changed the style a bit.
But still the main aim is to have the caption (title and content) to be under the slideshow.-
This reply was modified 6 years, 11 months ago by
dewasurya.
September 27, 2017 at 3:39 pm #857539Hi,
Try adding the following to quick css and adjust the color to whatever you need:
.avia-slideshow, .avia-slideshow * { overflow: visible !important; } .avia-caption, h2.avia-caption-title { bottom:-70px !important; color:red!important;} h2.avia-caption-title { padding:0px 10px!important; color:red!important}
Best regards,
Jordan ShannonSeptember 28, 2017 at 3:21 am #857792Thank you it works! But now I can see numbers under slideshow dots.
Edited: That’s fine I just set the font size to be 0 and it’s gone..
Thanks for your help!-
This reply was modified 6 years, 11 months ago by
dewasurya.
September 28, 2017 at 2:52 pm #858077Hi,
It looks like the numbers are no longer showing. Was this fixed?
Best regards,
Jordan ShannonSeptember 29, 2017 at 2:35 am #858283Not really but sort of.. I just made the font-size to be 0px.
But as you can see the slideshow is not smooth.. I can see the next/previous picture appear beside the current picture before it slides.. If you can help to fix it that’s would be perfect..September 29, 2017 at 5:18 pm #858543Hi,
Was this issue occurring before we added the css?
Best regards,
Jordan ShannonOctober 1, 2017 at 11:24 am #858875No. It is because of your css below:
.avia-slideshow, .avia-slideshow * {
overflow: visible !important;
}Even just another normal image will still visible when scroll down, and looks weird when it applied. So for this I applied this using specific class only for the slideshow, so the only looking weird is now just the slideshow.
October 2, 2017 at 10:14 pm #859407Hi,
Please remove the above. Apologies for the time involved in solving this.
Best regards,
Jordan ShannonOctober 2, 2017 at 11:37 pm #859432Hi Jordan,
If I remove it the caption will gone, i need another solution before removing the css.No problem, as long as we get it sorted out..
Thank you.
October 4, 2017 at 4:43 am #859871Hi,
You can simply cut it and paste it back in. I just need to confirm which if any part of the css is causing the issue.
Best regards,
Jordan ShannonOctober 4, 2017 at 4:54 am #859874Hi Jordan,
I’m not sure I understand what you mean. Yes I could cut and paste back in, or remark the css. But I prefer to keep the live version as it is now, so not confuse any visitors.
As I use custom class for this, i have made another page for you that is not applying the css / custom class, so you can check and confirm.. http://photoworks.nl/testOctober 5, 2017 at 6:53 pm #860706Hi,
Apologies for the delay in this. If possible, please provide admin info so I can log in and look into this further. The css method may in fact not be the best since the issue is being caused by the overflow:visible declaration.
Best regards,
Jordan Shannon -
This reply was modified 6 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.