Resolving Missing Page Styles in Visiopt

Overview

This guide provides a step-by-step process to resolve issues related to missing styles or images when the full URL path of the CSS or image files is not specified on a page. This can occur when viewing the page inside the Visiopt test editor.
 

Step-by-Step Instructions
 

Step 1: Identifying the Issue
 

1. Determine the Problem

·   If the full URL path of the CSS or image files is not specified on a page, styles or images may not appear correctly when opened in the test editor.
 

Step 2: Using the Styles/Image Not Loading Button

1. Locate the Button

·   In the bottom right-hand corner of the Visiopt editor, find the button labeled "Styles or Image Not Loading."

·   Click on this button.
 

2. Understanding the Message

·   A message will appear explaining that if styles are not showing up in the editor, it means that your website assets (CSS file location or image file location) are located somewhere other than your core domain.
 

Step 3: Entering the Asset Directory URL
 

1. Identify Asset Locations

·   Find out the actual locations of your CSS and image files.

2. Enter the URL

·   Enter the URL of the asset directory into the provided field.

·   Click "Save" to apply the changes.
 

Step 4: Finalizing the Fix
 

1. Verify the Solution

·   After entering and saving the asset directory URL, check the editor to ensure that the styles and images are now loading correctly.
 

Conclusion

By following these instructions, you can easily resolve issues related to missing styles or images in the Visiopt test editor. This ensures that your page displays correctly and consistently during editing.