Dear @chlu

Please can you update your Lay Theme, the Gridder should be working now :)

Best
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'
Screen Shot 2020-09-14 at 2.51.54 PM.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

Screen Shot 2020-10-14 at 6.18.31 PM.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:
Screen Shot 2020-10-14 at 6.18.42 PM.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:4567/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 :)

Screen Shot 2020-10-07 at 5.32.01 PM.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:4567/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 @FW

Could you please post a link to your website with the example hover link's you wish to appear fullscreen.

Best wishes
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

Dear @tkracauer

Thank you for confirming! :)

All the best,
Richard

Dear @josehoudini

Thank you for the update and confirming,

Best
Richard

Dear @spontans

Great to hear :)
Let me know how you go it's an interesting and worthy customisation!

Good luck and best wishes

Sincerely
Richard

Dear @dingdong

Thanks for understanding :)

Best wishes for the future,
Rich

@Richard-Keith Hi Richard, thanks for coming back at me on this! I've actually put the max-width of the site to "0" now, so i dont have the problem anymore with the carousel. Originally I couldn't fit the carousel to 100%, as it would only go as far as the max-width. Hope that makes sense. Thanks and maybe you have a solution for this?

Dear @kalamakumaran

Great to hear :)
Thank you for posting a clear example of your solution as well, this really helps others in the Forum Community.

Best wishes & good luck for the future.

Sincerely
Richard