Hello,
is it possible to change a width of a single image inside a carousel? I have the carousel height set to 50vh and the width is auto. There are images with 2 different aspect ratios. How would I set the width of a singular image to 25%? The site: https://nataliamorova.sk/work/ Thank you in advance.
Best,
Radovan.
Thank you Armin. The conversion via handbrake helped. Although I have exported the video as H.264 MP4 before and it showed on desktop. Is there a reason why the same video would show on desktop but not on mobile? Interesting... thanks! Sorry for wasting your time with something I should've solved myself. Cheers.
Hello, I was wondering if anyone has experienced this error. The carousel addon doesn't show a video on mobile in one single instance. It's the 3rd (third) carousel block on this website https://vasak.sk I have updated both Lay Theme and carousel, the only custom CSS on my website is regarding stylistic sets in the font that I am using. I have removed and added the carousel back in both desktop and the mobile layouts. The layouts are linked. I have reexported the videos and reuploaded them with a different file name. I have checked on both Safari and Google Chrome on iOS and deleted cache on both so that the website loads from scratch. Still can't get this resolved. Any ideas? Thank you in advance.
EDIT: The problem has been solved. I was using a desktop version of the font .otf instead of web version .woff2 Now it works.
It is a Suisse Int’l from Swiss Typefaces available here: https://www.swisstypefaces.com/fonts/suisse/#font The numbers don't turn tabular here https://vasak.sk The tabular numbers function works fine in design softwares such as InDesign or Figma.
Hello @arminunruh I can't manage to get this working with tabular numbers.
I am putting this in the <head> content:
<style>
._Default{
font-feature-settings: "ss01", "case", "tnum";
}
</style>
I have this in my Custom CSS:
body {
-moz-font-feature-settings: "ss01", "case", "tnum";
-ms-font-feature-settings: "ss01", "case", "tnum";
-o-font-feature-settings: "ss01", "case", "tnum";
-webkit-font-feature-settings: "ss01", "case", "tnum";
font-feature-settings: "ss01", "case", "tnum";
}
Am I doing something wrong? Thanks in advance.
Hello! I am facing a problem with a custom CSS code for disabling overflow also causing that whenever a project is opened the scroll is not reset. This is the website: www.vasak.sk
What I am trying to do is that the website doesn't overflow anywhere, the overlay stays scrollable on mobile and whenever a project is opened, the scroll is reset so that it starts from the top.
The part of the CSS code I think is causing the problem:
html, body {
overscroll-behavior: none;
}
html, body {
overflow: auto;
height: 100%;
}
.overlay-open html, .overlay-open body {
overflow: hidden !important;
height: 100% !important;
}
.text-overlay-close {
overflow-y: auto !important;
max-height: 100vh !important;
}
If there is is anyone that is able to help me with this issue I would be very thankful.