Streaming live at 10am (PST)

Slider inside modal doesnt work

Hi.

The back-forth´s arrows and circles buttons inside my slider inside modal doesnt work. I was seeing in the forum that the solution is to add Webflow.require('slider').redraw(); just after to $('.modal-background').fadeIn();.

But the question is that I can not find where to insert that code, neither in the webflow nor in the js file. Where, in the name of God, do I have to insert that line of code?

Just in case, the page is: https://dataprima.webflow.io/servicios

Muchas gracias

I would suggest reading the custom code page in the University. There are various ways to add code. In the header or footer of all pages (site), just on the header or footer of an individual page, or with any embed element.

Where you put it depends on what it is and any dependancies. Example if the script has a dependency on jQuery, place in the before body close since WF loads jQuery just above that.

The code in your example should be placed in the custom code section “before body close”.

Hi
I know how to insert custom code. The problem is that the recomendation is to add code after specific line $('.modal-background').fadeIn();that I cant find!

That code fades a div with a class of “modal-background” in. You don’t need to use it, unless you want that effect on that selector.

You did not share the forum topic you are referencing. I would be happy to look at it if you shared it.

Hi
There is a lot of like that around. This is one: (cyberdave´s answer) Slider dont work inside modal window

But, at any case, do you know how to solve my problem?
The back-forth´s arrows and circles buttons inside my slider inside modal doesnt work at https://dataprima.webflow.io/servicios

Thank you

I did those modals without external code, only with webflow interactions.