This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Slider image link – Whole image

  • Creator
    Topic
  • #853
    Lars
    Participant

    Is it somehow possible to get the entire slider image to ba a link, not just that button up in the corner? Its kinda hard for the end user to catch that there even excists a link.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #862
    Jason Bobich
    Keymaster

    Hello,

    This will be a customization you’ll need to make to the theme, but can be pretty easily accomplished with style modifications. I’ll share a CSS snippet that’s been floating around that should help since I get this question quite often.

    .element-slider .slide .image-link,
    .element-slider .slide .image-link:hover {
        background-color: #fff; /* Triggers the anchor in IE */
        background-image: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

    #1222
    Lars
    Participant

    Excellent! This has been a big drawback for us. Thanks a bunch!

    #18506
    josephklem
    Participant

    I’m using Alyeska, and my whole slider image is clickable EXCEPT the text overlay. Is there any way I can make that clickable, too? Thanks. You can see my home page at http://bluemontcommunications.com/.

    #18507
    Jason Bobich
    Keymaster

    Unfortunately, this is not possible because the text in a separate container from the image of the slide and its wrapping link. It works like this because users can be putting clickable elements within the description.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.