Slider not clicking through on certain parts

Hi,

I’m having issues with the slider on my site:
http://smallcaps.com.au

The top half of the of the slider and the title text clicks through to the article fine but everywhere else does not link to the article and shows a hand instead to scroll to the next slide instead.

How can I have it so that (other than the left and right arrows) the entire slide and text clicks through to the article?

FYI: I’ve tried Revolution Slider and accidentally bought the full version but am finding it even harder to setup so would prefer to use the slider that is on the home page now.

Thanks

HI

This happens becasue there is a gradient over the image. You can fix this by removing the gradient with this css: http://screencast.com/t/nDy3mXKqUze

.td-image-gradient:before{
height: 0%!important;
}

Thanks!

Thanks for that, it’s a bit better now but still does it around the headline text.

The red spray painted areas around the headline show where the scroll hand comes up rather than the click finger that opens the article:
http://smallcaps.com.au/wp-content/uploads/2016/09/hand-vs-pointer.png

What custom coding can we put in to have this area be a click finger too?
(hope that makes sense)

There’s also this exclamation mark message with the code you gave me:
http://smallcaps.com.au/wp-content/uploads/2016/09/Screen-Shot-2016-09-05-at-8.14.51-pm.jpg

Should I change part of it?

HI

In first image you pointed post’s title. That container have its own clickable part and that implementation can’t be changed because there are two containers one above the other.
That exclamation mark appear because there is used !important in css but is no need to worry about it.

Thanks!

Ok thanks, is there a way to make both containers click through to the link then?

And one last one, how can I reduce the margin/padding above and below the logo:
http://smallcaps.com.au/wp-content/uploads/2016/09/Screen-Shot-2016-09-05-at-10.59.05-pm.jpg

Hi

No because each container have its own style and basically there are two links one above the other.
You can reduce the margins above and below the logo only if you delete ad’s container which is in the right: http://screencast.com/t/y932Ovyg4tye Try this css in theme panel > custom code > custom css: http://screencast.com/t/A4fDmaJc

.td-header-sp-rec {
display: none!important;
}
.td-header-sp-logo a {
height: 80px;
}
.td-header-sp-logo img{
margin-top: 0;
margin-bottom: 0;
}

Thanks!