There are two options:
1)
The canvas is by default 100vh as you have pointed out. If you want the image to be smaller, you can use “scale to fit 30%…..100%” this way you proportionally make the image smaller on the canvas.
See “how to” video on youtube:
2)
By forcing the canvas to be smaller size using CSS.
.scrollsequence-pages-wrap{
height:55vh!important;
}
.scrollsequence-page{
height:55vh!important;
}
There is also a thread about this in the WordPress support forum:
https://wordpress.org/support/topic/100-view-height-2/
Thanks for your help.
1)canvas changes is good for small images.
2)forcing the canvas to be smaller size using CSS.
I have used this css, working ok, but I am getting some extra space below the block.
I saw that due to “.scrollsequence-spacer” element, can you please suggest something to reduce that space.
I have found a pretty clean method of placing the sequence on a page and eliminating any “empty space” around it. Simply to use postition:absolute on the wrapper.
From version 1.3.1. this will be added as a standard plugin option as Position ( static / sticky / absolute) in the right panel in the edit screen. This is the prime example of how valuable is the user feedback. Thank you @padmarao9 and @yuhsuancho
The solution is to add a simple bit of CSS to position the wrapper element
.scrollsequence-wrap {
position:absolute!important;
}
Please note, that from version 1.3.1 this will be added as a standard option in both Free and Pro versions, so the code above is just for your information.
How could have I missed that! 🙂
Plugin Author
Viewing 4 replies - 1 through 4 (of 4 total)
The topic ‘Height and small images’ is closed to new replies.
