Hey, did you find a solution?
I found a way using a text hyperlink and text-indent in css.
I’m no pro, but this is what I did…
Working with a new custom theme I’ve created based on ‘smoke-dark’,
in the display.php file I found a couple of lines that look like this:
<?php foreach ($postslist as $post):?>
<div class="FA_article <?php the_fa_class();?>" style="<?php the_fa_background(); ?>; <?php the_slider_height();?>" >
<div class="FA_wrap">
<?php the_fa_title('<h2>', '</h2>');?>
I added this:
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" id="slider-link" > </a>
before the <div class="FA_wrap"> as per below…
<?php foreach ($postslist as $post):?>
<div class="FA_article <?php the_fa_class();?>" style="<?php the_fa_background(); ?>; <?php the_slider_height();?>" ><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" id="slider-link" > </a>
<div class="FA_wrap">
<?php the_fa_title('<h2>', '</h2>');?>
Within the hyperlink I added, I’ve set the ‘id’ to “slider-link”
To match this, in the dark.css file I added a new class:
#slider-link {
display:block;
height:510px;
width:355px;
text-indent:-9999px;
z-index:9999;}
NB: You would need to make different classes for different sized sliders, as the ‘slider-link’ width and height will need to vary based on the dimensions of your custom slider(s)
actually… this css should work with any size.
#slider-link {
display:block;
height:100%;
width:100%;
text-indent:-9999px;
z-index:9999;}
