Custom Editor Background - MegaEdit

Through the use of the CSS Override feature, you can change the background of your MegaEdit editor. This article will explain how to achieve this and the steps to take. 


Upload your Image

1. Navigate to Content Management > CSS Overide. 

2. Select 

3. Press 

4. Save the end of the URL for later use. If your image URL is:


Then you will want to save:



Change the Canvas Configuartion

1. Navigate to Catfish > Infigo Variable Data > Dynamic Product Settings.

2. Press the Default Product Configuration tab.

3. Under Canvas, change these two settings exactly as they appear in the image below:

5. Press Save.


Upload CSS Code

1. Copy the below code, be sure to change the image reference according to your site (Bolded), use the reference from above. 

.DynamicProductWrapper .canvas-container {
background-image: url('{images}/background.jpg');
background-size: cover;
background-position: center;

2. Navigate to Content Managment > CSS Override. Add this code to the bottom of your CSS file, then press upload. 


3. Be sure to Clear cache in order for the changes to take place.

4. You now have a custom MegaEdit background!



Please note this is a global change and will affect all of your MegaEdit products. 


Have more questions? Submit a request


Please sign in to leave a comment.