Instapages Visual Editor Settings
Visual editor settings for Instapages, Scot's Blogger, and ProContentX
last updated December 12, 2022
The Visual editor needs some settings to work well with the framework your store is using.
These settings are the same for Instapages, Scot's Blogger, and ProContentX.
Select one of the settings files below and copy the contents into the Instapages Settings > WYSIWYG Settings box.
Downloads
Shadows v2 (current)
Shadows v1 (old)
Colossus
Levels
Also for other Cornerstone UX sites, basically all old readythemes apart from Bootstrap Base Readytheme.
Bootstrap 5 (custom sites)
Bootstrap 4 (custom sites)
Bootstrap 3 (bootstrap base readytheme)
Important Note About CSS Settings
The custom CSS path in the settings needs to be edited to fit your store to get the full powers of the editor working. Grids, alignment, colors, everything, are based on this file.
The CSS path is very close to the top of the file and looks like this if you're using Shadows:
'/mm5/json.mvc?Store_Code=ES&Function=CSSCombinedResource_Output&CSSCombinedResource_Code=stylesheet'
- The base bath of
/mm5/ may need to be changed to /Merchant2/ - The store code settings
Store_Code=ES must be changed to your store code.
If you are unsure where your CSS is located, open your browser inspector (right mouse button in the middle of the page) and look at the right sidebar and find json.mvc - you'll see the path there. Don't hesitate to ask us if you have any issues.
