1. Koru
  2. Questions
0
Answered

Re: support question

Alexander van Aken 2 years ago • updated by Vitaly Ovchinnikov 2 years ago • 2
Inside the rendered html I see

<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
}
</style>

background: none; doesnt do anything to remove the bg so it sits transparent on the bg. you can see the example here

My goal is to prevent zooming (I know how to do that with export) etc and make a carousel of all the iframe content. Or do you have a tool to make something like that work scalable in a div?

photo
Alexander van Aken
Senior Brand Consultant, Creaktor

+31(0)6 46 34 37 92 | alexander@creaktor.com

www.creaktor.com | Skype: alexander-van-aken

De Kreijenbeek 71, 5553 BB Valkenswaard
Creaktor values your opinion
"Scientists have become the bearers of the torch of discovery in our quest for knowledge." - Stephen Hawking.
Under review
Vitaly Ovchinnikov 2 years ago

Have a look here for more CSS selectors: https://boxshot.com/support/koru-help/dev_templates.html

You need the koru-viewport one, but once it is defined, Koru will not add its own, so you need to define all the properties there. Something like this should work:

.koru-viewport {
    width: 100%;
    height: 100%;
    position: relative;
    touch-action: none;
    background: transparent;
    margin: auto;
}

You also need to set transparent background in the project itself.

Let me know if it helps.

Answered
Vitaly Ovchinnikov 2 years ago

We've made a tutorial about this: https://boxshot.com/koru/tutorials/tips/html-background/

Customer support service by UserEcho