Only 3 slides in the slider

Discussion in 'Infoway WordPress Theme' started by aarliaud, Oct 29, 2013.

  1. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Good afternoon,

    I would like only 3 slides in the slider instead of 5. How it is possible ? Will the slider description be higher by using the space of the 2 suppressed slides ?

    Thanks,
    Best Regards.
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the Appearance > Theme Options > Slider Settings in your dashboard and
    clear the content from slider image, slider heading, slider description and slider link section of fourth and fifth slider.

    This will solve your issue.
     
  3. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Hello,
    Thanks for your quick answer but it does not work. The slider heading and slider description text box of fourth and fifth are still there (http://wp.vitamib.com/).
    Thanks in advance,
    Best Regards,
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    We have checked your website and above provided solution are working fine.
    It remove the heading and the description text box of fourth and fifth slider from your website.

    See the link for reference
    http://screencast.com/t/XZwfZnzhh

    I think this is due to the cache.
    So clear the cache of your system, this will solve your issue.
     
  5. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Hello,
    Thanks. This is still the same with the cache cleared.
    Another option could be if I could add some text in the fourth and fifth text box, only text (no click able) without related fourth and fifth images.
    Best Regards,
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For this paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .showcase-thumbnail-content {
    height: 102px;
    }
    .showcase-thumbnail {
    height: 122px;
    }
    
    After that download image file attached and replace it with existing image in the images directory.
     

    Attached Files:

  7. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Hello,
    Thank you, this code works for re-sizing 3 text-boxes for 3 slides only. Since I couldn't have FTP access to images directory, how could I manage the change of file "slidertextbgnew.png" ?
    Thanks,
    Best Regards,
     
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Go to the Media panel > Add New panel in your dashboard and upload the given "slidertextbgnew.png" image from from there and then copy its URL address.
    And then paste the following code also in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .showcase-thumbnail.active {
    background: url( Paste the URL address of that image here) 4px 0 no-repeat;
    }
    This will solve your issue.
     
  9. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Hello,
    Thanks for the solution, it works well on desktop computer. But the display on mobile phone seems to be based on previous 5 sliders customisation. Is it possible to improve the display of 3 sliders only , on mobile devices as well ?
    Thanks,
    Best Regards,
     
  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .showcase-thumbnail-content {
    height: 76px;
    }
    .showcase-thumbnail {
    height: 96px;
    }
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .showcase-thumbnail.active {
    background: #373737!important;
    }
    .showcase-thumbnail-content {
    height: 68px;
    }
    .showcase-thumbnail {
    height: 68px;
    }
    }
    @media only screen and (max-width: 480px){
    .showcase-thumbnail.active {
    background: #373737!important;
    }
    .showcase-thumbnail {
    height: 64px;
    }
    .showcase-thumbnail-content {
    height: 65px;
    }
    }
    
    Adjust its value as per your requirements.
     
  11. aarliaud

    aarliaud Member

    Joined:
    Oct 28, 2013
    Messages:
    30
    Likes Received:
    0
    Hello,
    Thank you very much, it looks now great on mobile phone. Is it possible to display as well the slider description ? (there is only the slider heading in the box).
    Thanks,
    Best Regards,
     
  12. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    It is not possible to display the description of slider in the mobile view due to lack of space.
    If we try to display it in the mobile view, it will cover large area that will look awful.
     

Share This Page