Has the functionality of Embed blocks with only style tags inside them stopped working in Webflow's designer view?

Published on
September 22, 2023

Answer:

Yes, the functionality of Embed Blocks with only style tags inside them has stopped working in Webflow's designer view. This is due to a security enhancement that was implemented by Webflow to improve the overall stability and security of the platform. Embed Blocks can still be used to add custom code, but now they require a non-empty <script> tag to be present. This change ensures that JavaScript code is properly executed and prevents potential security vulnerabilities.

To add custom styles to your Webflow project, there are a few alternative approaches you can take:

  1. Custom Code in Project Settings: You can add custom CSS code directly in the Project Settings panel of your Webflow project. This allows you to apply global styles to your entire project.
  2. Style Tag inside a Code Block: Instead of using an Embed Block, you can use a Code Block and wrap your custom CSS styles inside a <style> tag. This can be placed on any page or template where you want the styles to be applied.
  3. Custom Classes and Inline Styling: Webflow provides a wide range of design options within the Designer itself. You can create custom classes and apply them to elements to add custom styling. Additionally, you can use inline styling on individual elements to achieve specific styling effects.

While the removal of style-only Embed Blocks may require a slight adjustment in your workflow, the alternative methods mentioned above will still allow you to add custom styles to your Webflow projects effectively.

Additional Questions:

  1. How can I add custom CSS styles in Webflow?
  2. Can I still use Embed Blocks in Webflow?
  3. What are the alternatives to using Embed Blocks for adding custom code in Webflow?