🔍 What Is This Issue?
When editing a hero section in Website Studio, you may find that adjusting the overlay opacity appears to apply successfully — but the preview does not update to reflect your changes. This means the visual change is silently failing in the background, even though no error message is shown.
This is a confirmed bug in Website Studio. The platform reports a successful change, but the overlay opacity update is not rendered in the preview.
⚙️ Who Is Affected?
You are likely experiencing this issue if:
- You are editing a hero section inside Website Studio.
- You have adjusted the overlay opacity on a hero image or background.
- The preview continues to show the original opacity despite your changes appearing to save.
- No error message or warning is displayed during the edit.
📋 What You Should Do Right Now
Because this is a confirmed platform bug, the preview may not reflect overlay opacity changes immediately. Try the following workarounds in order before contacting support:
- Hard-refresh the editor. After saving your opacity change, press Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac) to force a full page reload, then reopen your hero section and check whether the preview has updated.
- Exit and re-enter the hero section editor. Navigate away from the hero section to another section of your page, then click back into the hero section. This can force the preview to re-render with your saved value.
- Try a different browser or clear your browser cache. Open Website Studio in a different browser (e.g., switch from Chrome to Firefox or Edge) or clear your current browser's cache and cookies, then reload the editor. Cache issues can prevent preview updates from displaying correctly.
- Re-enter the opacity value manually after refreshing. If the preview still does not reflect your change after a refresh, re-enter your intended opacity value, save again, and check whether the combination of a clean cache and a fresh save resolves the display issue.
- Note your intended opacity value. Keep a record of the exact opacity setting you want so you can reapply it quickly if needed after any of the above steps.
- Save your current page state to preserve any other edits you have made to the hero section.
🚀 What Happens After the Fix Is Released?
Once the fix is live, you will be able to adjust hero overlay opacity in Website Studio and see those changes immediately reflected in the preview. No additional steps will be required on your end — simply return to your hero section and apply the opacity setting you need.
💡 Tips for Working with Hero Sections
While you work through the steps above, here are some general best practices for managing hero sections in Website Studio:
- Complete all other hero section edits (text, images, layout) so your page is otherwise ready to publish.
- Test other sections of your page to ensure the rest of your design is rendering as expected.
If none of the steps above resolve the issue, please reach out to our support team via the chat widget so we can investigate your specific page and assist you directly.