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.

Reply To: Slider image link – Whole image

#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.