Qvonto

@HoaLT did you see this? ✌️

Yes, of course @HoaLT It's qvonto.com 😊

Hi everyone,

I'm looking to improve our 'Insights' page, which currently serves as a small library of FAQ videos for our users.

Here are the changes I'd like to implement:

• Video thumbnails: I want to round the corners of all video thumbnails slightly and add a hover effect that makes the thumbnails slightly transparent. This should improve the visual appeal of the page.

• Video playback page: Currently, when a visitor clicks on a video, they are taken to a large image of the video (see Screenshot 2). If they scroll down, they see additional content (see Screenshot 3). I would like to make the video smaller and reduce the size of the "You Might Also Like" text to create a more balanced layout.

If anyone has come across a good guide on creating a nicely designed 'video FAQ' page or something similar, I would greatly appreciate any recommendations. Otherwise, I believe the changes mentioned above will significantly optimize our current layout.

I'm also open to any other suggestions for improvement.

Thanks in advance for your help!

Best regards,
Julius

@Lesum Yes, that resolved the issue. Thanks!

@Lesum I noticed an issue with some of the icons. When I hover over them, the width of the lines seems to reduce (see attached). Is there a way to address this?

Thanks for your help!

@Lesum It works perfectly! That's exactly what I had in mind. Thank you so much! 👏

Hi @Lesum, that makes sense. As you suggested, I have now re-created the section using an auto layout list section. It would be awesome if you could provide a simple CSS solution. Thanks a lot!

Hi Squarespace Forum,

I've created a features overview for our website www.qvonto.com. I need assistance in adding a hover effect for the features section. Specifically, I want the following effects when a visitor hovers over a feature:

1. The image becomes slightly transparent.
2. The body text below the feature appears.

The feature names should always remain fixed and white. Currently, the body text is also white for visibility. My idea is to make the text navy blue (matching the background) and change it to white on hover. However, I'm open to other suggestions for achieving this effect.

Can someone guide me on how to implement this?

Cheers,
Julius