In this knowledge base article we'll demonstrate how to easily change the size of your ezMerge proof.
This option is set either globally so all ezMerge items will be the same size, or it can set per Order Form.
In the "After" picture below you'll notice that the ezMerge proof is considerably smaller than the "Before" picture. This method helps conserve space on the screen if you have longer fields.
Start by opening the Order Form containing the ezMerge proof you'd like to resize.
Add a "Script" field to the Order Form by clicking and dragging it from the left to the right hand side. The field can be placed wherever you prefer.
Name the field something logical like "ezmergesize". No caption is needed.
Paste the following code into the Field Value and click Update. Notice that you can change the pixel size (300) to your liking.
<style type="text/css">
div.aemimgarea-L {
max-width:300px;
}
</style>
Your ezMerge Proof will now appear smaller on your Order Form.
This option can be set at a global level for ALL ezMerge Proofs by inserting the same code in Site Settings > SEO/Code > Code > Head Code
If you found this MKB article helpful please give this a thumbs up below!
If you need further assistance please contact 866-770-7567866-770-7567 or start a support ticket.
In case there's anyone else out there who is using this feature to enlarge their proof, you can add a "margin-top" entry to add some space after the fields. In my case, I found that using the code "div.aemimgarea-L {max-width:100%;margin-top:20px}" has worked well so far.
Thanks! I'm probably going to use this more to increase the preview window than reduce, personally. Setting the size to 99% worked really well for a form we have that's a large pocket folder. Of course the downside is that it pushes it down below all your fields, but that's not really a big deal if you don't have many fields to enter data.
Comments
2 comments
In case there's anyone else out there who is using this feature to enlarge their proof, you can add a "margin-top" entry to add some space after the fields. In my case, I found that using the code "div.aemimgarea-L {max-width:100%;margin-top:20px}" has worked well so far.
Thanks! I'm probably going to use this more to increase the preview window than reduce, personally. Setting the size to 99% worked really well for a form we have that's a large pocket folder. Of course the downside is that it pushes it down below all your fields, but that's not really a big deal if you don't have many fields to enter data.
Please sign in to leave a comment.