On the desktop I have two problems: As you can see on the top (embedded) slideshow the indicator stays at the right spot, but the images are to the side and after the animation the image "drops" into a lower spot. I am quite certain that this is a CSS issue, but if you would know where I should look or which element to change/override that would help me a lot of time searching. I tried to find the problem with FireBug but couldn't find it easily. The second problem is that the images are only 650px wide and look a bit fuzzy. Is there a way to have the slider responsive but limit it On a mobile device both look the same and it looks great in landscape mode - but in portrait mode I have extra spacing between the slides and thumbnails.
On a mobile phone both look the same and it looks great in landscape mode - but in portrait mode I have extra spacing between the slides and thumbnails. Also - the thumbnail navigation can not be used on the phone since the thumbnails can't be slided/slidden... and only the five are visible at the same time and I have 25 slides in the slideshow. Any ideas other than enabling the navigation arrows and somehow try to hide the thumbnails on phones?
Just in case someone else has the problem with the image location and "hopping" with their template (when embedding): .rev_slider ul {margin: 0;} .rev_slider ul li div.tp-bgimg {margin: -16px 0 0 0;} Inserting that as a CSS override did it. Not sure if the -16px is specific to my template here...
I managed the max-size to 650px by having an encapsulating div with: style="width: 100%; max-width: 650px; margin: 0 auto;" Not sure if you want to insert a max-width value into your settings at some point.
I disabled the thumbnails for the mobile since they can't be used for navigation if there are more slides than thumbnail spots.
Last question here: is there a way to enable bullets for mobile and thumbs for the desktop so that people at least know where they are in the long progression?
Hi, in this version of the slider we don't have that option, themepunch has released a new version, I'll work for it's joomla implementation within 2 weeks. Maybe in that version will be some news about those optiojns.
When setting navigation to thumbnail in v4.5.9 the page HTML output is only :
When setting Bullet Type to "Bullet" it works.
"Thumb" corrupts the whole page and displays white only.
Hi, please download latest version 4.5.95 b4 from unitecms.net website. I have fixed the thumbs issue there.
That worked great. Thank you.
Now I just have a few questions that have come up trying to set it up properly.
I have two instances of the same slider showing on http://www.arkcustompool.com/slider for demonstration purposes for a desktop issue I am having. The top one is inserted into the article with Modules Anywhere by NoNumber (http://www.nonumber.nl/extensions/modulesanywhere)... and the second one is placed in the module position.
On the desktop I have two problems:
As you can see on the top (embedded) slideshow the indicator stays at the right spot, but the images are to the side and after the animation the image "drops" into a lower spot. I am quite certain that this is a CSS issue, but if you would know where I should look or which element to change/override that would help me a lot of time searching. I tried to find the problem with FireBug but couldn't find it easily.
The second problem is that the images are only 650px wide and look a bit fuzzy. Is there a way to have the slider responsive but limit it On a mobile device both look the same and it looks great in landscape mode - but in portrait mode I have extra spacing between the slides and thumbnails.
On a mobile phone both look the same and it looks great in landscape mode - but in portrait mode I have extra spacing between the slides and thumbnails.
Also - the thumbnail navigation can not be used on the phone since the thumbnails can't be slided/slidden... and only the five are visible at the same time and I have 25 slides in the slideshow. Any ideas other than enabling the navigation arrows and somehow try to hide the thumbnails on phones?
Thanks for you help
Mark
Hi, you have some css in the template that affect all li tags in the page:
http://screencast.com/t/S8oBrho6
please remove it or make it not affect the slider li tags.
Thanks for pointing me in the right direction.
Just in case someone else has the problem with the image location and "hopping" with their template (when embedding):
.rev_slider ul {margin: 0;}
.rev_slider ul li div.tp-bgimg {margin: -16px 0 0 0;}
Inserting that as a CSS override did it. Not sure if the -16px is specific to my template here...
I managed the max-size to 650px by having an encapsulating div with:
style="width: 100%; max-width: 650px; margin: 0 auto;"
Not sure if you want to insert a max-width value into your settings at some point.
I disabled the thumbnails for the mobile since they can't be used for navigation if there are more slides than thumbnail spots.
Last question here: is there a way to enable bullets for mobile and thumbs for the desktop so that people at least know where they are in the long progression?
Thanks
Mark
Hi, in this version of the slider we don't have that option, themepunch has released a new version, I'll work for it's joomla implementation within 2 weeks. Maybe in that version will be some news about those optiojns.
Thank you