Dear @TE
This i quite a long thread now over 3 years.
If not too much trouble are you able to make a new thread with a description of the issue and a link to your website with the example carousel in question,
Feel free to link back to this thread if you wish!
Sorry if this is annoying but the topic has grown so much since 2017 :)
Sincerely
Richard
Dear Marta @marta_86
When Uploading a plugin into your Back-end we need to upload it into the 'Plugins' Section:
[image: 1605145827377-screen-shot-2020-11-12-at-2.49.46-pm-resized.png]
Then Clicking ' Add New' you can upload your Imagehover Zip file there
Am i understanding your problem correctly? :)
Best Wishes
Richard
Thanks @arminunruh for your answer,
that works perfectly!
It is kind of time-consuming since it only works if I start with a empty phone layout (if I "copy same layout" to the phone version and change the transition to slide it changes it for both the phone and the desktop version) but as a workaround it is a good solution for me. A future option to choose different transition types on desktop/mobile would still be great:)
Looking forward to the WooCommerce integration!
Thank you, Léon
Dear Alex @rocked23
Thank you for understanding :)
I apologise that it isn't a readily available feature already, it would be great to have that control across the whole Theme, but sometimes this will cause clashes.
However, i do look forward to any work-around that you may achieve, it's a worthy endeavour! :)
Good Luck and best wishes
Sincerely
Richard
Dear @almah
I have asked for your Login details via private messages in 'chats' in another thread and so best if solve both threads at once :)
Best wishes
Richard
Dear @almah
The Website shown is not a Lay Theme website, however regarding your particular issue:
Best if you write me a private message with your login details and i can take a better look :)
( note: do not share private login info in this thread )
Let me know and best wishes
Richard
Dear @paulomariz
Thank you for providing a link.
You are correct that it is possible through Custom CSS.
We can add our css through 'Lay Options - Custom CSS & HTML'
[image: 1602692575703-screen-shot-2020-09-14-at-2.51.54-pm-resized.png]
For this we will need some basic knowledge of CSS :
https://www.khanacademy.org/computing/computer-programming/html-css
and also using the "inspect' developer tools in Google Chrome:
https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools
(inspecting the webpage)
So the images are located in a 'image-hover-region' that is invisible, until we hover over a link and this adds a class called 'show' which in turn makes the image visible . opacity:0 to opacity:1
[image: 1602692760902-screen-shot-2020-10-14-at-6.18.31-pm-resized.png]
Here you can see the image is pushed to the right.
I have done this by targeting the 'img' (image) within the 'image-hover-region'
My CSS:
.lay-imagehover-region img {
margin-left:300px;
}
This is a basic CSS but you can feel free to adjust this to your needs.
Now if you wish to target a specific image, this can be done as each image has its own attribute number.
When inspecting the link we can see this:
[image: 1602692892590-screen-shot-2020-10-14-at-6.18.42-pm-resized.png]
data-hoverimageid="125"
so we would add this to our code in order to target this specific image:
.lay-imagehover-region img[data-hoverimageid="125"] {
margin-left:300px;
}
I hope helps you and good Luck! :)
Thank you for using Lay Theme
Best wishes
Richard
Dear @030_j
As of yet, this option is not available within the carousel, however i can write this down in the development notes for future discussion.
Regarding a solution around this issue:
I believe it is possible through some customisation with adding HTML and JS.
Recently a very similar question was asked and i gave a quick tutorial on how i might achieve this:
http://laythemeforum.com/topic/6087/imagehover-on-element-grid-lightbox-on-carousel/2
Take a look and see if you can modify the tutorial to suit your needs.
Let me know and best wishes
Richard :)
Dear @Marie-Rud
I think you could do yes, with a work around - i will have to test,
However with Video's and sound - modern browser's especially Chrome now have it so that 'Autoplay" sound on video's doesn't work unless you allow/give the site access to do so upon entering.
This sadly takes away any automatic sound coming from video's :(
Let me know and have a wonderful day
Best
Richard
Dear @hammercity
This is actually an interesting trick, check out this link :)
http://leberg.com/wp-content/uploads/2020/06/le-berg-landing-vid.mp4
To do this yourself with individual images would require some good knowledge of JS and would be some effort,
Hope this helps & doesn't discourage your wishes to be creative with Lay Theme!
Let me know, & best wishes
Richard
Dear @gridch
This website is using the Full screen slider and not the Carousel plugin,
Let me know your thoughts :)
Best wishes and have a wonderful day
Richard
Dear @fredyatb
I believe the Carousel is already technically responsive, Is it possible you are referring to this 'Object-fit' : Cover added to the images? or apologies if i have understood wrong :)
[image: 1602084955629-screen-shot-2020-10-07-at-5.32.01-pm-resized.png]
Best
Richard
Dear @jnemeck
To achieve what you wish with all the row as one link and the option to then have the Hover image occur across the whole row:
http://laythemeforum.com/topic/5857/row-as-link-to-page
This thread i'm quite sure contains the steps needed,
Give it a go and let me know how you get on :)
Good luck and thank you for using Lay Theme.
Best
Richard
Dear @galuong
Wonderful, great to hear.
Thank you for returning and adding a conclusion to this thread :)
Best wishes, thank you for using Lay Theme and have a wonderful day!
Richard
