Prevent autotag "<div class="w-embed">"

Design help Animations & Interactions
1

Hello,

Webflow automatically wraps my embedded code inside a tag:

z

In a particular page this behavior interferes with the overall functioning of the page.

Is it possibile to prevent Webflow from wrapping my custom code inside that div?

Thank you very much,
Fabio

2

You can’t prevent the behavior but you can look at the generated styling. What specifically functionality is this effecting?

3

Hello Webdev,

Thanks for your reply.

This part of code is meant to select the sibling of the embedded code.

image
image843×143 15.8 KB

I tried “jumping above” the Webflow automatic embed div like this but it’s still not working.

image
image1363×121 35.2 KB

Now I’m checking if other parts of the webpage are ok.

4

Can you please share a published URL. I should be able to take a look shortly after finishing some hosting tasks.

5

Sure,

Thanks :slight_smile:

https://preview.webflow.com/preview/dataplay-fun?utm_medium=preview_link&utm_source=designer&utm_content=dataplay-fun&preview=be0688bf92b0c31b388db3f4cc4b6af2&pageId=5d8bab0c4a820635579a468a&mode=preview

7

Since most of the CSS and JS is not loading since the paths are off, I was not really able to look much at your published link dataplay-fun.webflow.io.

You will have to factor your code to deal with the targeting issue created by the wrapping DIV webflow adds on embeds. ID’s might make it easier for you. jQuery might as well.

8

Thanks.

I share the working solution I’m using:

image

radio1 and radio2 are the ids of the 2 embedded divs.

Fabio