Andrew Kim
asked 6 years ago

Hello,
On a category page, on the first article (photo background with white text), the whole image is clickable and linked to the article. But on the home page News Slider, only the text is clickable and not the image. How can I make the image clickable as well? Thank you!

3 Answers
DominicStaff
answered 5 years ago

At the moment, the theme lets you click both on the image and on the title, so that you can click when hovering over the half of the image.

sheikhrashed rahman
answered 5 years ago

To resolve this issue, you can open the dw-focus-slider.php file in the folder path!!!!
my question is how to open ? find ??? dw-focus-slider.php file in the folder path!!!!
any tutorial ?

DominicStaff
answered 5 years ago

Hi,
To edit file, you can use one of two ways:

  1. Use the file manager in cPanel
    • Login into your cPanel and Go to the File Manager in cpanel. Select your directory and click Go.
    • Edit the file with the File Manager Code Editor.
      Save the changes.
      You can now view your live site and see the changes.
  2. Using FTP to edit a file.
    Files can be downloaded and uploaded using FTP. Below are the basic steps to edit a file using FTP. For more information on FTP, please see our Getting Started Guide: FTP article.

    • Connect with ftp.
    • Download the file
    • Edit the file on your computer with notepad or another code editor.
    • Re-upload the file to the server and overwrite the existing file.
      The changes should reflect now on your live site.

About your issue with slider widget:
To resolve this issue, you can open thecustom.js file in the folder path "dw-focus>/assets/js/custom.js". Find the line 34, remove the following code:

// Slide controls

   $('.news-slider .other-entry li').on('click',function(e){

       e.preventDefault();

       var t = $(this);

       t.closest('.news-slider').find('.carousel').carousel( t.find('a').data('slice') );

   });
  • Open the dw-focus-slider.php file in the folder path "dw-focus>/inc/widgets/dw-focus-slider.php" find the line 142,
    replace the following code:
    <h2><a data-slice="<?php echo $i; ?>" href="#top-store-<?php the_ID(); ?>"><?php the_title(); ?></a></h2>
    With new code:
    <h2><a data-slice="<?php echo $i; ?>" href="<?php echo the_permalink(); ?>"><?php the_title(); ?></a></h2>
    Then Find the line 83, replace the following code:
    <?php the_post_thumbnail('slider-thumb'); ?>
    With new code:
    <?php echo '<a target="_blank" href="'.get_permalink().'">'.get_the_post_thumbnail( get_the_ID(), 'slider-thumb' ).'</a>'; ?>
    Hope this helps !
srrahman
replied 5 years ago

thanks it works !!!!!

Powered by DW Question & Answer Pro