Why are the designs not showing in the Webflow designer, even in preview mode, but the background colors and footers are visible?

Published on
September 22, 2023

There can be several reasons why the designs are not showing in the Webflow designer, even in preview mode, while the background colors and footers are visible. Here are some possible explanations and solutions to consider:

  1. Missing or incorrect elements:
  • Verify that the design elements are properly added to the page and exist in the correct hierarchy.
  • Check if any elements are set to display: none or have opacity set to 0. If so, remove or adjust these settings.
  1. Incorrect positioning or sizing:
  • Ensure that the elements have the proper position settings (relative, absolute, fixed) and are not hidden behind other elements.
  • Double-check the width, height, and padding of the elements to make sure they are visible.
  1. CSS conflicts:
  • Review the CSS styles applied to the elements and check for any conflicting properties that may be overriding the visibility.
  • Disable or rearrange conflicting styles to ensure the desired designs are displayed.
  1. Broken or missing external assets:
  • If your design relies on external assets like images or fonts, check if they are properly linked or uploaded to Webflow.
  • Make sure the URLs for these assets are correct and that they are not restricted or blocked by security settings.
  1. Not published or saved changes:
  • Confirm that you have saved the changes made in the designer and published the site to make the updated designs appear in the live site.
  1. Cache or browser issues:
  • Clear your browser cache and reload the page to ensure you are viewing the latest version of your site.
  • Test the site on different browsers or devices to see if the issue persists.

If you have gone through these troubleshooting steps and are still experiencing the issue, it may be helpful to seek support from the Webflow community or reach out to Webflow's customer support for further assistance.

3 Additional Questions:

  1. How do I troubleshoot missing design elements in Webflow designer?
  2. What steps should I take to fix display issues on my Webflow site?
  3. Why are the designs not showing properly in Webflow preview mode?