Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 25, 2017 at 11:07 am #856421
    dewasurya

    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=0

    Please advise?

    September 25, 2017 at 4:14 pm #856557
    Jordan Shannon

    Hey 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 Shannon

    September 26, 2017 at 2:06 am #856740
    dewasurya
    This reply has been marked as private.
    September 26, 2017 at 4:51 pm #857015
    Jordan Shannon

    Hi,

    Have you added the caption already?

    Best regards,
    Jordan Shannon

    September 27, 2017 at 9:05 am #857377
    dewasurya

    hi 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 7 years, 2 months ago by dewasurya.
    September 27, 2017 at 3:39 pm #857539
    Jordan Shannon

    Hi,

    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 Shannon

    September 28, 2017 at 3:21 am #857792
    dewasurya

    Thank 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 7 years, 2 months ago by dewasurya.
    September 28, 2017 at 2:52 pm #858077
    Jordan Shannon

    Hi,

    It looks like the numbers are no longer showing. Was this fixed?

    Best regards,
    Jordan Shannon

    September 29, 2017 at 2:35 am #858283
    dewasurya

    Not 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 #858543
    Jordan Shannon

    Hi,

    Was this issue occurring before we added the css?

    Best regards,
    Jordan Shannon

    October 1, 2017 at 11:24 am #858875
    dewasurya

    No. 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 #859407
    Jordan Shannon

    Hi,

    Please remove the above. Apologies for the time involved in solving this.

    Best regards,
    Jordan Shannon

    October 2, 2017 at 11:37 pm #859432
    dewasurya

    Hi 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 #859871
    Jordan Shannon

    Hi,

    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 Shannon

    October 4, 2017 at 4:54 am #859874
    dewasurya

    Hi 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/test

    October 5, 2017 at 6:53 pm #860706
    Jordan Shannon

    Hi,

    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

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.