ARC_Comms Posted March 13 Share Posted March 13 Hi there, I am trying to change the size of the images on the video catalogue so that they fit the aspect of a YouTube thumbnail and don't have black bars at the top and bottom. I have tried lots of different CSS but none of them seem to work. Help would be greatly appreciated. @tuanphan your code has helped me in so many different areas of my website, possibly you could work your magic on my issue directly this time. The same goes for @creedon. Any help would be very greatly appreciated. Thank you in advance. Link to comment
tuanphan Posted March 15 Share Posted March 15 Can you share link to page where you have problem? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ARC_Comms Posted March 15 Author Share Posted March 15 (edited) Sure: https:/arcforum.com/videos Edited March 15 by ARC_Comms Link to comment
tuanphan Posted March 17 Share Posted March 17 You try this code to Website > Website Tools > Custom CSS .lessons.collection-content-wrapper .grid-item .grid-item-image { transform: scale(1.2) !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ARC_Comms Posted March 18 Author Share Posted March 18 Thank you for your help, however when I did that, it just zoomed in the image so now the left and right hand sides are being hidden because the frame is too small. Is there a way to just change the height of the frame so that it fits without cropping the image? Link to comment
ARC_Comms Posted March 18 Author Share Posted March 18 I'm trying to change the aspect ratio to 16:9 so that it is the same as a YouTube thumbnail. Link to comment
Solution ARC_Comms Posted March 18 Author Solution Share Posted March 18 Never mind, I found some code that you gave someone else for the same issue on a different page and it worked. The code I used was: <style> .grid-image-wrapper { padding-bottom: 56.25% !important; } </style> Nevertheless, thank you for your help! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment