Getting Slider Images to be clickable and link to associated posts

[timg333]

I have inserted CSS to disable the slider captions from appearing as I don’t really care for them, however, the theme is setup in such a way that the images in the slider are not clickable and they do not link back to the posts they are associated with. How can configure it so that the featured images in the main homepage slider link to the associated posts?

Thank you!

Justin

[laranz – SUPPORT]

Hi Justin,

Open up functions.php and go to the line #697 there is a function called “get_posts_slider” that is responsible for the post slider, so if you hide the captions means no problem, that makes it easier 🙂

Go to line #766 you see something like this inside that function.

$output .= '<img src="'.$image[0].'" width="'.$image[1].'" height="'.$image[2].'" alt="'.$post_title.'" />';

change that to like this

$output .= '<a class="read-more" href="'.$post_permalink.'"><img src="'.$image[0].'" width="'.$image[1].'" height="'.$image[2].'" alt="'.$post_title.'" /></a>';

Let me know, what you got.

Thanks,
laranz.

[timg333]

Thank you Laranz. We will give it a try and let you know if it does not work.

Best,

Justin

[timg333]

Ok I inserted the code properly but it is not working.

This is our website so you can confirm:

http://consciouslifestylemag.com/

Right now we have the captions on because the images are not yet clickable.

We will turn them off once we get this working.

Thank you,

Justin

[laranz – SUPPORT]

Hi,

Try turning the captions off and check the images are click-able or not, because if captions ON, it is difficult to make the image click-able.

Let me know, what you got.

Thanks,
laranz.

[timg333]

Hi Laranz,

Thank you, however, now there is a new problem:

I have got the slider images to be clickable and work, however, now you can see there is a blue line appearing above the image and below the black news feed under the main navigation.

How can I get rid of this? It did not appear when the captions were still on/active.

Best,

Justin

[laranz – SUPPORT]

Hi Justin,

Try this:

.read-more{ margin-top: 0; }

in Custom CSS.

if that didn’t work, try this.

.read-more{ margin-top: 0 !important; }

Let me know, what you got.

Thanks,
laranz.

[timg333]

Works great thank you Laranz.

[laranz – SUPPORT]

Hi,

Great 🙂

If you have time, rate us 5 * and give a nice review 😉

Let me know, if you have any other questions.

Thanks,
laranz.