Lay Theme Forum

Hi, Lay Theme team!

I have my project thumbnails, set with a video that plays on mouseover. It all works just fine.

My issue is that in the mobile version, the thumbnail Is always playing for all the project thumbnails. I would really appreciate if in mobile the thumbnails would only display the image thumbnail and when clicked/tapped one would enter the project. So in sum, no thumbnail video on mobile.

I tried the "Do not show mouseover state" option in "Behaviour on Mobile Devices" but it doesn't seem to work.

If you would have any insights on how to fix/solve it, It would be super!
My website: [www.joaoistyping.com](link url)

Thank you in advanced
Best

Hi @audreybelaud !

Thank you for your response and amazing help!
In fact, I couldn't figure out how to use the Html code, but with a bit of playing around I ended up using this part:

.lay-textformat-parent{
width: 100%;
}

in the Custom CSS and it seemed to work just fine 😁😁

Thank you so much!
My best wishes

João

Hi @mariusjopen Thank you for the quick reply!

Of course, my bad for not including it on the initial post.
The link is http://www.joaoistyping.com/

Thank you so much!

Best
João

Hi there Lay theme!

Let me first thank you for the amazing work put into Lay Theme. As I am building my portfolio site, it has been by far the best tool for it!

I am not very comfortable with custom CSS and Html, but took the opportunity to learn a bit and do some customizations. I am happy with the overall design and functionality but I cannot seem to do one last thing.

My projects thumbnails are organized in a thumbnail grid with 3 columns. All the thumbnails are squares. My goal is to show the project title, only with a hover on the thumbnail. The title should ideally appear in one line, centred in a box that would fill the width of the project thumbnail.

To exemplify, I did a version where it is working, but not in a responsive way.

I used this code:

.title{
padding-top: 5px;
padding-bottom: 6px;
padding-left: 239px;
padding-right: 240px;
max-width: 80px;
}

Any insight into how I can do it?

Thank you so much!
Best
João

Hi there Lay Team!

Is there a simple solution to highlight text like this?

Should this option appear in the text editing pannel? like text color?

Let me thank you for the amazing work in laytheme!

All the Best
João