Support » Plugin: FA Lite - WP responsive slider plugin » [Plugin: Featured Articles Lite] Image clickable

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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;}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Featured Articles Lite] Image clickable’ is closed to new replies.