Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 22, 2015 at 5:42 pm #416014
    summersalad

    Hello
    My webpage is almost done. It’s amazing giving I’m utter newbie.
    It’s all thanks to Enfold and it’s best of the world support!

    The latest update include a lot of options I wanted and I’m loving it. But I still cannot do is to have easy-slider caption works same as other static pictures: mouse over to show the caption (the color #612611, opacity 0.5, font 13px) and click to open light box. Is there any way to do this?

    Thank you in advance!

    March 23, 2015 at 6:55 pm #416578
    Elliott

    Hi summersalad!

    Hmm, I’m not sure I understand. Can you send us a link to your page and take a screenshot highlighting what your trying to do?

    Best regards,
    Elliott

    March 24, 2015 at 12:29 pm #417026
    summersalad

    Sorry I wasn’t clear.

    I want the captions of pictures used in easy slider shows up “only display on hover”
    Currently, the caption is already pasted onto the pictures and I cannot find the option to change it.

    With new update, the static pictures now have a lot of options for captions; such as changing font weight, over-lay color and opacity, “always display caption” vs “only display on hover”

    So, I want easy slider to have caption “only display on hover” and change the overlay color as well as opacity.

    Thank you

    March 24, 2015 at 3:21 pm #417099
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av_slideshow:hover .avia-caption.av-slideshow-caption {
  opacity: 1;
}
.avia-caption.av-slideshow-caption {
  opacity: 0;
}

    Cheers!
    Yigit

    March 24, 2015 at 4:55 pm #417169
    summersalad
    This reply has been marked as private.
    March 25, 2015 at 4:35 pm #417878
    Elliott

    Hey!

    Are you trying to make it so the easy slider captions are hidden except when you hover over the slider? If so then then Yigit’s code should be working. Send us a link to your page so we can get a better idea of what’s going on.

    Best regards,
    Elliott

    March 25, 2015 at 4:46 pm #417901
    summersalad
    This reply has been marked as private.
    March 26, 2015 at 6:21 pm #418708
    Elliott

    Hey!

    I think I see now. Try adding this to your custom CSS.

    .avia-slide-wrap:hover .avia-caption {
  opacity: 1 !important;
  z-index: 9999;
}

    Regards,
    Elliott

    April 1, 2015 at 11:42 am #421833
    summersalad
    This reply has been marked as private.
    April 2, 2015 at 7:27 am #422303
    Ismael

    Hi!

    The images that you’re using in this page is a bit too big: http://kasahara.ch/what-i-offer/

    Do you want to remove the image overlay icon (big round circle with arrows on center)? Use this:

    span.image-overlay-inside {
  display: none !important;
}

    I can’t see the issue with the caption background. Do you want to remove the “violet” canvas when you hover the image?

    Regards,
    Ismael

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