Hello Ben

I could not get your issue properly. Please share a screenshot of your issue to understand it better.

Best regards

Thanks for the quick reply!

Here you go:

This is unusual. There might be CSS which is doing the shadow. Please check your custom css for additional CSS. Usually, there is no automatic box-shadow added on the text block.

Hi Ofi,

thanks for the advice.

You are right: I have added a shadow to the last element via custom css inside the addon itself and when I switch to editing mode it seems to apply these styles (from the last element on the page) for all elements on the page (which it does not when I load the page in the regular view)

Can you tell me why the editor behaves differently?

I give you the example:

The last addon on the page is a textbox-addon with these custom styles added via the Custom-CSS box:

h2 {
    color: #fff;
  text-shadow: 0px 0px 15px rgb(44 62 73 / 50%);
}
h2 span.title_top {
    color: #fff;
  text-shadow: 0px 0px 8px rgb(44 62 73 / 60%);
}
.column-title span.title_top {
    margin-bottom: -20px;
}

It seems that only in the editor, it is applying these addon-based overrides for all addons on the page.

I know that i could fix this by adding a class or id to this elements to prevent that from happening but since I have a lot of elements already styled that way it would be a lot of work to do.

So is there any other way to change the behavior?

Exactly, the CSS is applying to all the addons. You need to specify your CSS. Take the specific id or any class so that it will only apply to where you want it.