SLider - Room Detail

Gernot
Offline
Last seen: 1 year 9 months ago
Sun, 07/26/2015 - 14:06
#1
SLider - Room Detail

Hi,
I have problem with page Room detail. I think the sliders are broken.
My site is online
For Example here:
http://www.scuba-diving-kenia.com/Riedls-Nest-01/room-detail.html

thanks

cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Mon, 07/27/2015 - 11:23

Hi,
Please check your email,
We send you the updated file

AdibAzhar
AdibAzhar's picture
Offline
Last seen: 7 months 2 weeks ago
Thu, 11/12/2015 - 16:19

Hi, i have a same problem. Hope you can help on this because my website need to go online ASAP.

cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Fri, 11/13/2015 - 09:26

Please check your email for the updated file

Gernot
Offline
Last seen: 1 year 9 months ago
Thu, 11/12/2015 - 17:07

Hi, Adib

it works after the update file - cindy sent to me

see above

gernot

pousadabomjesus
Offline
Last seen: 8 months 4 weeks ago
Tue, 12/29/2015 - 20:15

Image title

Oi, estou com um problema no slider - room detail!
as imagens aparecem em lista, não como slider.

Hi, I have a problem on the slide - room detail!
the images appear in the list, not as a slider.

cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Wed, 12/30/2015 - 09:58

Hi Pousadamomjesus,

Our demo works fine without any problem as you reported

Please give us your site url so that we can check the issue

pousadabomjesus
Offline
Last seen: 8 months 4 weeks ago
Wed, 12/30/2015 - 18:31
cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Thu, 12/31/2015 - 10:30

Hi,

Please check your email, Pousadabomjesus

pousadabomjesus
Offline
Last seen: 8 months 4 weeks ago
Mon, 01/04/2016 - 17:41

Obrigado!

thank you!

cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Tue, 01/05/2016 - 11:23

Hi Zebra,

1. Thumbnail slider

We check and see this:

<li href="#"><img src="img/thumbail/belvedere-1.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-2.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-3.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-4.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-5.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-6.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-7.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-8.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-9.jpg" alt=""></a></li>

However, you have to write the slideIndex attribute like this:

<li href="#"><img src="img/thumbail/belvedere-1.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-2.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-3.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-4.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-5.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-6.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-7.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-8.jpg" alt=""></a></li>
<li href="#"><img src="img/thumbail/belvedere-9.jpg" alt=""></a></li>

2. Slider arrows:

Please add the following code above the css link in head tag:

<link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css">
Zebra
Offline
Last seen: 1 year 7 months ago
Tue, 01/05/2016 - 17:00

Great support!

Thank you Cindy! :)

Zebra
Offline
Last seen: 1 year 7 months ago
Thu, 01/07/2016 - 05:41

Hi there,

the problem with slider arrows remains with IE.

cindy
cindy's picture
Offline
Last seen: 2 hours 13 min ago
Thu, 01/07/2016 - 14:35

Hi Zebra, 

Thanks for your feedback

Please open file style.css and search the code:

.bx-outer-prev, .bx-outer-next, .bx-wrapper .bx-controls-direction a

and change

text-indent: initial !important; 

to:

text-indent: 0 !important;

Zebra
Offline
Last seen: 1 year 7 months ago
Thu, 01/07/2016 - 17:17

works for me!

thank you!

Log in or register to post comments