Troubleshooting: Images, Fonts & Styling

🛠️ Fix Website Studio Credits, Changes, and Images

🔍 Overview Some customers using Website Studio have noticed unexpected behavior: menus or other elements changing without a clear prompt, credits being used when they feel they shouldn't be, and blog post preview images not appearing correctly. This article explains each issue and what to do about it. ⚙️ Why Is Website Studio Making Unwanted Changes? Website Studio may in some cases apply broader changes than intended — including adjustments to navigation menus. If you are experiencing unwanted changes, escalate to our team so we can investigate. Have the following ready: - The name of the project or page affected - The exact prompt you entered - The approximate date and time the unwanted change occurred 💳 Why Are Credits Being Consumed for Edits? In Website Studio, visual/manual edits are a billable operation, so credits can be used for edits as well as for AI generation. If you believe credits were consumed in error, escalate to our team so we can review your account and determine whether a balance correction is needed. Have the following ready: - The name of the project or page affected - A description of the exact action that triggered the credit deduction - The approximate date and time the deduction occurred 🖼️ Why Aren't Blog Preview Images Displaying? Some customers have reported that blog post preview images are not appearing correctly in Website Studio. If you are experiencing this issue, escalate to our team so we can investigate. Have the following ready: - The name of the blog post or page affected - A description of what you see instead of the expected image - The approximate date and time you first noticed the issue If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.

🖼️ Fix Image Alt Text Table Errors in Website Studio

🔍 Overview Some customers see error indicators in the Image Alt text table inside Website Studio, but when they open the table, nothing appears to be wrong — no missing alt text, no broken entries, and no obvious problem. This article explains what is known about this issue and what to expect. ⚙️ Why This Happens The error flag on the Image Alt text table is a display issue, not a reflection of actual missing or broken alt text on your page. Your images and their alt attributes are intact — the table is simply not displaying its status correctly. This is a known platform issue currently under investigation by the engineering team. No data has been lost, and your images are not affected. 🛠️ What to Do If You See This Error If you encounter this error indicator in the Image Alt text table, here is what to have ready when reaching out to our support team: - The name of the project or page where the error appears. - A screenshot of the error indicator in the Image Alt text table. - The approximate time you first noticed the issue. Our team will investigate the specific cause on your account and keep you updated on any resolution. 🔄 Steps to Try Before Escalating In some cases, the error indicator clears on its own after a page reload. Try the following before reaching out: 1. Save any unsaved changes in your current page. 2. Refresh your browser tab using Ctrl + R (Windows) or Cmd + R (Mac). 3. Navigate back to the page and open the Image Alt text table again. 4. Check whether the error indicator is still present. If the error persists after a full browser refresh, it is safe to continue working — the issue is cosmetic and does not impact your site's actual published content. If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.

🎨 Style Blog Article Pages in Website Studio

🔍 Overview In Website Studio, your main blog listing page and your individual blog article pages are treated as separate page templates. This means styling changes you apply to the blog listing page may not automatically carry over to individual article pages. If your blog posts appear unstyled or inconsistent with the rest of your site, or if Content Genius content is not displaying as expected after publishing, this is a known issue that requires investigation by our team. 🧩 Why Blog Article Pages May Look Different Website Studio uses a template-based system where different page types can have independent style settings. Changes applied to one page template may not affect other templates — for example, updates to your blog listing page may not carry over to individual article pages. Additionally, integrations between Content Genius and Website Studio involve a publishing flow that can sometimes result in styling or formatting inconsistencies. Because the root cause can vary depending on your site configuration and how Content Genius content is being published, our support team will need to investigate your specific setup directly. 🐛 What to Expect and How to Escalate This is a bug category issue, meaning the underlying cause is typically identified and resolved on the backend by our team — there is no guaranteed self-serve fix available at this time. When contacting support, please have the following ready to help us investigate as quickly as possible: - Your project or website name in Website Studio - The exact URL(s) of the affected blog article page(s) - A description of what the page currently looks like versus what you expect it to look like - Whether you are publishing content through Content Genius, and if so, the name of the specific article or draft - Any error messages you have encountered, including the exact wording and when they appeared - The date and time you first noticed the issue Having these details ready will allow our team to identify the cause and apply the appropriate fix on your account without unnecessary back-and-forth. If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.

🖼️ Fix a Dark Hero Image Overlay in Website Studio

🔍 What Is Happening? When you try to lighten or remove a dark overlay on a hero image in Website Studio, the change may not apply as expected — leaving your hero image still appearing very dark. This is a known platform issue that may require backend investigation to resolve. This article explains what is happening and what information to have ready when contacting our support team. ⚙️ Why This Happens Hero image overlay adjustments in Website Studio can fail to apply correctly in certain cases. Because the root cause requires investigation on the platform side, there is no confirmed self-serve workaround available at this time. 🚧 Known Platform Issue Our team is aware that hero image overlays may remain dark even after attempting to change them. This is a bug that requires backend review rather than a customer-side fix. 📋 What to Have Ready When Escalating To help our team investigate and resolve this as quickly as possible, please have the following information ready before reaching out: - Your project or site name in Website Studio. - The specific page where the dark hero image overlay appears. - A screenshot or screen recording showing the dark overlay on your hero image. - The exact steps you have already tried to lighten or remove the overlay. - Any error messages or unexpected behaviour you observed during those attempts. Providing these details upfront will allow our team to reproduce the issue and apply the correct fix on the backend. If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.

Fixing Inverted Colors in Website Studio: Chrome Dark Theme Setting

Overview If colors in your Website Studio preview or editor look inverted, washed out, or completely wrong in Chrome — but appear correctly in other browsers — the cause is almost always Chrome's Auto Dark Mode or dark theme setting. Chrome can automatically force dark styling onto web pages, which overrides the design choices you've made in Website Studio and makes colors appear flipped. The fix takes less than a minute: switch Chrome to the light theme. This article walks you through how to confirm the cause, fix it, and what to do if the issue continues. Why This Happens Chrome has a feature that automatically applies a dark color scheme to websites based on your operating system or browser theme. When this is enabled, Chrome rewrites the colors of page elements on the fly. In Website Studio, this can cause: - Backgrounds appearing as the opposite color (white becomes black, light grey becomes dark grey) - Text colors flipping to maintain contrast - Images and design elements looking inverted or muted - Previews that don't match what your visitors actually see Your published site is not affected for visitors who don't have this setting enabled — this is purely a local browser display issue. How to Fix It: Set Chrome to Light Theme 1. Open Chrome and click the three-dot menu in the top-right corner. 2. Select Settings. 3. In the left sidebar, click Appearance. 4. Under Mode, select Light. 5. Refresh your Website Studio tab. Colors should now display correctly. If You're Using Chrome's Auto Dark Mode Flag Some users have enabled an experimental flag that forces dark mode on all sites. To disable it: 1. In Chrome's address bar, type chrome://flags and press Enter. 2. Search for Auto Dark Mode for Web Contents. 3. Set it to Disabled. 4. Click Relaunch to restart Chrome. Check Your Operating System Theme If Chrome is set to follow your system theme, switching your OS (Windows, macOS, or ChromeOS) to light mode will also resolve the issue. Common Pitfalls - Only one Chrome profile is affected. Theme settings are per-profile. If you use multiple Chrome profiles, check each one. - Hard refresh after changing the theme. Use Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac) to clear cached styles. - Extensions can also invert colors. Dark Reader and similar extensions force dark themes on websites. Disable them for Website Studio, or whitelist the Search Atlas domain. - Incognito mode can help confirm the cause — if colors look correct there, an extension or profile setting is the culprit. How to Confirm It's Fixed After applying the fix, open your Website Studio project and compare the editor preview to your published site in a different browser (Safari, Firefox, or Edge). The colors should now match across all browsers. Next Steps If you've switched Chrome to light theme, disabled Auto Dark Mode, and turned off any color-altering extensions but colors still appear inverted, send our support team: - A short screen recording (a Jam.dev recording works great) showing the issue - Your Chrome version (found at chrome://version) - Your operating system and theme setting - A link to the Website Studio project where you're seeing the issue This information lets us reproduce and investigate quickly. Reach out via in-app chat or your account manager any time the issue reappears so we can keep monitoring it.

🖼️ Fix Favicon Issues in Website Studio

🔍 Overview A favicon is the small icon that appears in browser tabs and bookmarks for your website. Some Website Studio users have reported that the favicon setting appears missing, that favicon uploads fail, or that favicon changes do not reflect on their live site. This article explains what to expect and how to get the right support to resolve this. ⚠️ Known Issue: Favicon Update and Sync Problems There is a known issue in Website Studio where favicon changes may not appear or sync correctly. This can affect sites in various states — including sites built from scratch — and may present as a missing favicon option, a failed upload, or an update that does not reflect on the live site after saving. Because the root cause and resolution steps vary depending on your specific setup, this issue requires investigation by our support team. Our team will need to review your site configuration to identify what is causing the problem and apply the appropriate fix. 📋 What to Have Ready When You Contact Support To help our team resolve your favicon issue as quickly as possible, please have the following information ready before reaching out: - Your site/project name in Website Studio - A description of the issue — for example, whether the favicon option is missing, the upload is failing, or the favicon is not appearing on the live site after saving - When the issue started — include an approximate date and time if possible - Steps you have already tried — for example, clearing your browser cache or testing in a private/incognito window - Any error messages you have seen, copied exactly as displayed - Screenshots or a screen recording if available, showing the issue If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.

🛠️ Troubleshooting Blog Image Validation

This error means the platform could not retrieve or read the image file during validation. Replacing the file with a clean, locally saved copy usually resolves the issue. 🛠️ Step-by-Step 1. Save the image to your device and open it to confirm that it loads correctly. 2. Create a fresh copy in a standard image format such as JPG or PNG. Follow any format or size limits shown by the upload control. 3. Rename the copy using simple letters and numbers, then upload that new file instead of the original. 4. Wait for the upload to finish completely before continuing or saving the blog. 5. If the error returns, try a smaller version of the image or upload a different known-good image to determine whether the issue is limited to the original file. ✅ How to Confirm It Worked The image should display a preview or thumbnail after uploading, and the validation message should disappear. Confirm that the image remains visible in the blog draft after saving or reopening it. If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.