Links clickable in newsslider

Ron Hendriks
asked 9 years ago

How can i make the titles (on the right side of the photo) in the news slider clickable in DW-Focus 1.25?

2 Answers

Allen
answered 9 years ago

@Ron hendriks : hi , I’m now sure what you want , if it’s the widget title of the news slider , then you can open file : dw-focus\inc\widgets\dw-focus-news-slider.php and then go to line 131

You can replace the code there with :

<?php if ( $title ) { echo $args['before_title'] .'<a href="< Your link >">'. wp_kses_post( $title ) .'</a>'. $args['after_title']; } ?>

You can put the link you need inside a href="".
Hope this help. If it’s not what you want , could you send me a picture or some more explanation so i can clearly understand. Glad.

Ron Hendriks
answered 9 years ago

Thanks, but what I ment was the post titles in de slider.![enter image description here](http://www.verkeersnet.nl/slider.JPG "enter image title here")

nobita
replied 9 years ago

@ron : hi by the picture you send , i think you want the title there: when you click it , it’ll redirect to your post ? normally , when you click to that tittle , it’ll trigger the carousel to slide. But if you want to click it and then redirect to the post , you can try this : open file : dw-focus\inc\widgets\dw-focus-news-slider.php, go to line 134 , Replace the code there with this :
<li data-slide-to="<?php echo esc_attr( $k ); ?>"< ?php echo $k == 0 ? ' class="active"' : ''; ?>> <a href="<?php echo the_permalink(); ? rel="nofollow">">< ?php the_title(); ?></a></li>
Hope this helps !

dominic Staff
replied 8 years ago

Sorry about previous answer, have some confusion in the code line. Please replace it with the following code:
http://snippi.com/s/mlqbqa3
See the screenshot: http://prntscr.com/9blqsg

Then add the following code to the stye.css file or Custom Codes box in DW Focus General Settings:

.dw_focus_widget_news_slider .carousel-title-indicators li a, .widget_news-slider .carousel-title-indicators li a {
    color: #555;
}
.dw_focus_widget_news_slider .carousel-title-indicators li.active a, .widget_news-slider .carousel-title-indicators li.active a {
    color: #fff;
}

Hope this helps !