Width of email

SOLVED
Go to solution
Participant

Width of email

I'm finding that my emails are not filling up the page (side to side).  I don't see on the 'templates' where it shows the width of the final emailed product.  They are coming across so small that they're not legible.  I would like them to show up both in the 'preview pane' and once opened as much wider than they are.

1 ACCEPTED SOLUTION

Hello there, 

Sorry for the confusion.  You can get your image ready to upload to your Library by making sure it has the right height and width, resolution, file size, and file type. This protects the image's quality and prevents errors during the upload process.

If you are using the 2GE editor then it is possible that putting in an image larger than it’s designed dimensions could stretch the email. Stretching the email will make it wider than the designed dimensions and could cause display issues.  If you recently put in an image and your email is suddenly wider than what you began with, resize the image smaller and the email should go back to the proper size.  

 

If you are using our 3GE editor then you will not run into the problem of stretching but I do recommend getting your images ready for upload by following these steps.

 

I hope that helps! 

View solution in original post

121 REPLIES 121

Following up on my earlier post, the image selector is using some very old description of an image that i have in my 5-image "library" instead of using the description that i type in.  I just now added 3 new images that i had FTP'd to a website and the images display fine but the description that i enter is NOT used and a very old description is somehow picked up and used instead.

 

Its the ALT="Wrong description here" tag.

 

I have to use CODE VIEW to make the changes stick.

Hi Chris,

 

Thanks for letting us know that you were affected by this.  We are having some people report this as an issue.  While our Engineers are working to resolve this trouble, the workaround is as you are doing with going into the Code View to edit the description there. We will keep you posted as to when this is resolved.

 

Thank you and I apologize for the inconvenience that this causes you.

Does anyone else find the new image interface as difficult to use and user unfriendy as I do?

Occasional Participant

The new image interface is HORRIBLE!!! It's bad enough using this VERY CUMBERSOME site but the image situation just takes it to an all new level. I have to run closed deals blasts and this new image interface SERIOUSLY impacts the time it takes me to do it now.

 

When will all of the issues be resolved?!?!?!?

I have a high resolution image that I would like to appear larger in the email and in order to do this I am assuming that I need the actual email to be larger. I saw an archived post saying something about an Advanced Features tool but I cannot find this and the post was from two years ago. Any help?

Hello @KayteM , 

 

In order to increase the width of an email you would need to edit the Style Sheet of the email. You will want to search in the Style Sheet (you can use Ctrl + F or Command + F on a Mac) TemplateWidth.  For most of our templates the width is set to 600 pixels wide. You can change the 600 to a larger number.  The limit is 800 pixels wide.  We recommend leaving emails at the 600 pixels wide, so that it does not create a scroll to the left and right for the email.  Increasing the width of your email will also make it harder to view on a mobile device.  

 

What you might also want to think about trying is adding the image and asking your audience to click the image to view it larger.  You can make your image a clickable link to itself.  To get the image URL for your image in your Constant Contact library you can go to the Library tab and click on the name of your image.  Below the preview of your image, the image URL will appear.  You will then use this as the link for the image.  When the email is received and someone clicks on the image, they will be taken to a page showing the full image at the width that it was uploaded into the library with.  

 

 

Hello there, 

Sorry for the confusion.  You can get your image ready to upload to your Library by making sure it has the right height and width, resolution, file size, and file type. This protects the image's quality and prevents errors during the upload process.

If you are using the 2GE editor then it is possible that putting in an image larger than it’s designed dimensions could stretch the email. Stretching the email will make it wider than the designed dimensions and could cause display issues.  If you recently put in an image and your email is suddenly wider than what you began with, resize the image smaller and the email should go back to the proper size.  

 

If you are using our 3GE editor then you will not run into the problem of stretching but I do recommend getting your images ready for upload by following these steps.

 

I hope that helps! 

View solution in original post

Regular Participant

Sorry for the confusion, no help at all., and has nothing to do with image sizes. I believe you are being asked, and I am asking how to widen the template. I don't know how is a perfectly good answer so I can find some other source of information. So do you know how to expand the width of the template? 

Hello @DanA85 ,

 

We apologize this thread didn't give you the answer you were looking for. We can see you also asked a similar question elsewhere in the Community. We have responded to that post with further information.


William D
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Anyone can be a marketer! Visit our Blog & Resources page to brush up on the latest tips and tricks.
Occasional Participant

I am trying to upload images with the criteria provided by CC, but I am unable to upload the images.  I am using a JPEG format with pictures that are far under 800 pixel width.  Please help!  Thanks!

Hi Alicia,

Do you receive an error message when you try to upload the image? If so, it could be encoding problem. To remove encoding, you can take the image to www.picnik.com and upload the image. Save it as a jpeg and give it a new name. Once saved, try uploading the image to Constant Contact.


Let me know if that works,


Jarrad
Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!

Alicia, The problem stems from the file you are trying to upload. The file you attached to this post exceeds the 800 pixel width max of the image library. Try with a smaller image (diameter wise). Regards, Tony

Try renaming it to something shorter as well. The system should re-size a large image but try those two things and test.
Participant

Is there either of options available in constant contact?

Hi Ian,

 

Absolutely! We have both of those!  First you can delete any extra block and just keep one block in your template.  Then you can drag the block so that it fills the entire width.  But why mess around with that when you can find templates that already fit the width!

 

full width template.png

Click the Email Marketing tab in the product > then click on Create > When you get to the Template Selector, click the layout for the full width.

 

 

  Then you'll have a full array of templates to choose from that fit your critieria!

 

I hope that helps!

Member

Hi Scott,

 

The images you are using in your email are being compressed and that is causing them to not be readable.  Your images should be no wider than 600px wide. You can resize images at Picnik for free.  If after you resize and re-upload into your account, they still appear blurry and pixelated, you may want to host them on a free third-party site like Photobucket or Flickr.  Then you can insert the image by image URL instead of inserting from your MyLibrary with us.

 

To insert an image using an Image URL:

 

Copy the URL given to you from the third-party site

Go into the email that you're working on.

Click to edit the block where you want the image to appear

Right click (ctrl+click if on a Mac) on the image

Choose Change

In the popup, click on "Enter Image URL" and paste in the URL you copied.

 

You can then click on Preview to view the image in the bottom part of the popup.

Then click Insert Image to insert it into your email.

 

Adding an Image to an Email

 

If you have any questions, let us know!

 

Thanks!

Marissa, I don't think you understood Scott's question. It's the width of the newsletter, not the resolution of the images that we have a problem with. People are using higher and higher screen resolutions and these newsletters are coming across really small and difficult read. Again, it has nothing to do with the images being inserted, it's the template itself.

 

Any ideas on how to correct this problem without having to be a master at coding?

 

Thanks

Hi Everyone,

 

All templates are 600 pixels wide which is a standard width for email clients. It could be that the email client you are using does not properly render HTML. I'd like to test this and see if I have the same issues. Could you let me know what email client you're using?

 

Thanks,

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!
Occasional Participant

Hello, I am trying to send an HTML email using a Basic template that does not have any width restriction (like a text version).  For example, when I send a regular email through Outlook, the text will automatically adjust to the size of the window.  If I resize the window, the text will "wrap" itself to fit.

 

I cannot find a way to do this in the CSS. I even tried removing the CSS entirely, but the blocks still default to 600px. Is there any way to create a template email that does not have any width restriction such as described above?

 

The purpose of this is to make the email seem like it was sent through a standard platform like Outlook instead of Constant Contact.

 

Thanks!

Hi Matthew,

All of our templates are designed with set widths. You can change the width of a template with in the style sheet, however we do not currently have any responsive templates. If you have any further questions please don't hesitate to ask.

Have a great day

Deanne Perry
Participant

I would like to resize blocks.

 

Specifically, their seems to be a lot of extra space at the top of the block.

 

I would like to scrunch the top and bottom "whitespace" in the first block or two so more

will appear in the preview pane and hopefully catch my clients attention before they dump it.