Put your code in the HTML editor using the 'HTML' button in 'More'.

That will work, and is a better place to put it rather than in the text editor.

D

@mariusjopen @arminunruh Hi! Any update on stacks working in custom phone layouts? Best, D

@arminunruh @mariusjopen — Ah thanks for clarifying Armin. Is there any way to have a fullscreen video in the background row but with controls? So the user has to hit play and then there could be sound?

@mariusjopen Hi, actually it works, but not horizontally strangely, only vertically. Strange

Re: magnetic slide - moveTo certain ID

Hi @arminunruh @mariusjopen

Ive been using the method above to move to certain slides for a while now. Assign some text the class "godown" for example, and then when you click it it moves to a certain slide.. Since the last update, this code no longer works?

<script>
jQuery(document).ready(function(){
jQuery("body").on("click", ".godown", function(){
jQuery.fn.fullpage.moveTo(1)
});
});
</script>

Any idea how to fix it?

Best,

D

Hi @Armin-Unruh @mariusjopen !

I'm trying to play the sound from row background videos but the little option to Mute/Unmute seems to have disappeared?

How can I play the sound of row background videos again?

Best,

D

If you set the left-right frame to 0% you could then just use normal rows with background colours as a divider. Then you could just use the x/y offsets to create a margin for your content. Bit of a hack but it'll work.

D

@brief Add this to custom css &html for no transition between your slides:

.fp-slide {
-webkit-transition: all 50ms ease!important;
transition: all 50ms ease!important;
}

@brief Hi Thomas,

So... Here's how you can do this.

You need a fullscreen slider. In 'Lay Options - fullscreen slider' you need to change the 'Direction' to 'Horizontal' and enable 'Slide on page click' and also enable 'fading effect'. You need to disable 'show navigation'.

Then on the page you have the slider you need to put your images into rows and right-click to enable 'user browser height for row height' on each row.

You're going to need to cheat a little to do the captions and numbers here. For each slide you'll need to manually add the caption and place in the gridder and the same with the slide number. If you have a 5% left/right frame then you'll need to right click on your caption and slide number and add '5' to 'space below'. Make sure the text frames are set to bottom alignment.

This will then make your captions and numbers nice and neat and equal. You can of course set these to whatever you like. And don't forget to clone these to save yourself time and keep your formatting nice and neat!

It's a little effort but this is the way to do it. Im sure there is a way to then change the duration of the 'fade effect' but I havn't looked into that - it's definately possible though.

I hope this helps!

D

@mariusjopen Yeah I've had a look and tried to adapt it but im not a javascript pro..

The thing is, I can get it to appear if I put the code into 'custom head and html' but only at the top of the page.

I guess what im asking is - is there a way to tell the code to locate itself in a certain row with a class?