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.
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.
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,
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.
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,
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.
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,
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.
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,
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.
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,
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.