Thumbnails resizing and two-levels caption
-
Hi Lay Theme people,
I am loving the template and I am getting closer to achieve what I wanted which is amazing taking into account that I am begginer in terms of coding so first of all a big applause for the work you put in this one !
My question concerns the projects page where all my projects thumbnails appear :
1 - I have pictures in different sizes, some in landscapes and some in portrait, see here. I would like to set a fixed width and size for all the images which means a crop in for the portraits one. I have found detailed here on how to crop and center images using CSS but I can't manage to make it work on my website. I get lost in the class and CSS I should use. Could you help with this ?
2- Second question, I want to have a two-levels caption like on this website and have both captions leading to my project page. How can I achieve this ? Do I only need to add text below my project thumbnails using stack and making the text clickable (hyperlink) ?
Many thanks for your help,
Have a great day
Best,
Damien
-
Dear @dmnryl
have a look here:
https://www.w3schools.com/css/css3_object-fit.aspAlso you can add an extra info field to each project and use it as kind of a caption.
Best!
Marius
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login