Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 14, 2014 at 1:14 pm #335550
    ColinWalton

    Hiya,

    I am looking for a way to add clickable links to my Full Width Easy Slider as I feel visitors would be most likely to click on the images rather than the text.

    Do have anyway to do this? or know of a different plug in that would do it?

    October 15, 2014 at 4:54 am #335912
    Ismael

    Hey ColinWalton!

    Thank you for using Enfold.

    You can add the links on the image captions. It is also possible to attach two different buttons.

    Regards,
    Ismael

    October 15, 2014 at 10:33 am #336034
    ColinWalton

    Oh I see!

    Sorry. I don’t think I scrolled down the page enough.

    Will do some experimenting with these – THANKS.

    October 15, 2014 at 12:15 pm #336069
    ColinWalton

    Sorry, one more query now…

    As I now have images on the link they are using the icon and fade out effect, which looks too over-strong for my website. I have successfully edited the CSS so that the icon does not display, but HOW DO I CHANGE THE FADING ROLL OVER EFFECT?

    THANKS

    October 16, 2014 at 8:48 am #336626
    Ismael

    Hi!

    Are you referring to the hover effect? You can use this:

    .avia-slideshow-button.avia-color-light:hover {
opacity: 1;
color: #fff;
}

    Best regards,
    Ismael

    October 16, 2014 at 9:43 am #336653
    ColinWalton

    Hi thanks. I must be doing something wrong as it hasn’t made any difference. I have added this to the style.css file in the child theme:
    .avia-slideshow-button.avia-color-light:hover { opacity: 1 !important;; color: #fff !important; }

    I want to stop the whole image going paler when rolled over. I have hidden the button already.

    All the other changes I have added to this file have worked ok, so I think perhaps the class isn’t quite right? Or maybe I haven’t explained myself properly?

    Thanks for your help.

    October 17, 2014 at 5:26 am #337146
    Ismael

    Hi!

    Looks like you removed the button. Can you please add it back? A screenshot will help. You can use imgur, dropbox, clipular etc.

    Cheers!
    Ismael

    October 17, 2014 at 9:55 am #337218
    ColinWalton

    Hiya,

    I found this is the class to alter:

    .avia_transform a:hover .image-overlay { opacity: 0.3 !important; color: #FFFFFF !important; }

    It now adds only a 30% white tint on rollover so a lot more subtle.

    Thanks for your help.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full Width Slider WITH LINKS to specific pages?’ is closed to new replies.