Open morph3us-net opened 1 year ago
I have a hacky solution:
I added these lines to my css file:
.fotorama__wrap > .fotorama__stage > .fotorama__arr{ transform: none !important; opacity: 1 !important; }
Then had to comment out these rules, couldnt find a more specific selector for step one to override the !important rules.
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{---webkit-transform:translate3d(-48px,0,0)!important;--transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{---webkit-transform:translate3d(48px,0,0)!important;--transform:translate3d(48px,0,0)!important}
The I set the fotorma's instance's data-loop value to true.
I especially dislike the manual commenting out of the position attributes in the CSS, but thats what I cam up with. Should I close this or is there someone who can show me a more elegant way??
Is there any way I could also show the navigation arrows when a youtube or vimeo video is loaded and playing? "data-arrows" set to "always" doesnt work, unfortunately.