Magnetic Slide Addon Help

[jocsti]

Heyy

can you help me? i want to change the distance between my site title/menu and my slides.
neither the distance with top-frame inside the gridder nor via right-click and space-above is working the way i want it
:dancers:

[arminunruh]

hey jocsti!
I'm not 100% sure if i got what you mean. I assume you have a menu at the top and you want your slides to move down a little.

Normally, a slide fills up the whole screen (100% height). Let's say your menu has a height of 50px. Then we would want the fullscreen slider rows to fill 100% height minus 50px.
Try this CSS in lay options -> custom css -> css for desktop:

.fp-section.fp-table{
    margin-top: 50px;
}

.fp-section.fp-table, .fp-tableCell{
    height: calc(100vh - 50px)!important;
}

[jocsti]

yes thats basically what i want, but that doesn't work with slides that got a colored background. see slide 2 in: http://www.stierberger.com/pia19422-a-striking-perspective/

[arminunruh]

Oh yeah, ok please replace all the CSS that I wrote to u before with just:

.fp-section.fp-table {
    padding-top: 50px;
}

Also maybe you want to set your row gutter for projects that have fullscreen slider / magnetic slides activated to 0.

[jocsti]

thanks a lot :100:
problem solved

[jocsti]

@arminunruh
is there a possibility to do the same thing with the bottom? because if i'm using a browser window, which is a bit more wide (16 to 10) i can't see the bottom of my slide.

[arminunruh]

Hmm, maybe you can use the option "Give images and videos a max-width and max-height and center them" (only works for rows that contain one image or one row)

[jocsti]

thank yu!