Shopify themes, liquid, logos, and UX
Can anyone help me adjust the crop ration of this hero video?
I'm having trouble making sense of the specific liquid.
I am working on this webpage:
pw : SOKsummer225
okay
let talk
I believe you can amend this in Section settings, but I do not have this theme to confirm.
Anyway, you should be able to do it using "Custom CSS" setting of this section (178% is your video aspect ratio):
.t4s_ratio {
--t4s-aspect-ratio: 178%;
}
However, this will make your video too tall on desktop, because it's a portrait video.
You may then add a rule like this to still crop the video to fit in window:
@media (min-width:768px) {
.t4s_ratio {
max-height: 88vh;
}
}
Ideally you should have portrait video for mobile and landscape one for desktop....
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025