cancel
Showing results for 
Search instead for 
Did you mean: 
Happy Turkey Day! In recognition of Thanksgiving our Support office will be closed Thursday (11/23). We will be open Friday (11/24) for limited hours (10:00am - 6pm ET) and will be back to normal hours on Monday (11/27).

Width of email

SOLVED
Participant

Re: resizing blocks

I am having the same issue. There was no height in the HTML code to begin with, but I still have ALOT of "white space" above and below the logo in my text box that I cannot seem to get rid of. Am I doing something wrong?

Moderator

Re: resizing blocks

Hi Dean,

Sorry to hear this is giving you trouble. I'm happy to take a look and explain what is happening for you. Can you let me know the name of the email you are working on? Also, please let me know I have permission to take a look in your account for this information. I won't work in your original email so no worries about losing any information!


Thanks,

Hannah

Hannah M.
Community and Social Media Support

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!
Participant

Re: resizing blocks

It is the Schmersal campaign and I would appreciate any help you can give me. Thank you!

Moderator

Re: resizing blocks

Hi Dean,

Please take a look at "CTCT Schmersal". I have removed the space from the logo block for you. I ended up removing the large amount of padding that was in the block adding space on the left, right, top and bottom. Here's a piece of your code:

 

Space.jpg

 

You will see I highlighted where the padding is. I lowered it to 5 pixels but you are welcome to play with this number! Check out my copy (feel free to use it if you want) or test this in your own version.

 

Please let me know if this helped!

Hannah M.
Community and Social Media Support

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!
Participant

Re: resizing blocks

Wow! That is so much better! Thank you for your help

Participant

Re: resizing blocks

Sorry I am having one other issue with the same email. I added a full image above the header but have white space at the bottom of the block. Following the example you gave me with the HTML code, I looked to adjust the padding, but all the padding values are 0. Is there a way to eliminate this space? Thank you!

Moderator

Re: resizing blocks

I'm glad to hear that worked! In the case of the header it looks like there is a non-breaking space under the image. In the code that looks like this:

 

7-26-2013 10-26-49 AM.jpg

 

You just need to delete that out and the space will be removed. 

Hannah M.
Community and Social Media Support

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!
Administrator

How to Resize your Images

Once you have inserted your images into your email, you may need to resize them so that they fit within a block or with the content that you have.  There are a few ways to resize your images.  If you want your image to fit the width of the block you are working in, you can click the gear icon at the top right corner of your image and choose “Fit to Block.”  This will automatically resize the image for you and adjust it to the width of the block. 

 

resize1.png

 

If you want to resize your image but not fit it to the width of the block you have a couple of options.  You will want to get to the Customize window for images.  To get to this you can either double click on the image in the block, or click on the gear icon and choose resize.  This will bring you to a screen like this: 

 

resize2.png

From this screen at the bottom you will see a slider bar; if you move this to the left it will make your image smaller, while moving it to the right will make it bigger.  This allows you to resize the image by seeing the visual change.  The other way to resize from this window is towards the bottom right hand corner, you can resize by pixels.  This will allow you to set a specific pixel height or width for an image.  By default all resizing edits made to an image will keep the original proportions of the image.  If you want to edit just the height of width of the image without it keeping proportions, click on the padlock icon.  You will now see the padlock looks like it is “unlocked.”  This will now allow you to change the dimensions individually. 

 

 

Please note:  These changes will be made for the one block that you are working on, and will not become the default size for the image.  If you want to change the default size, try editing the image.  


Samantha O'Connor
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media. Download this guide and learn how you can achieve great results with email marketing and social media combined!
Visitor

How to get my email to be wider

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?

Administrator

Re: How to get my email to be wider

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.  

 

 


Samantha O'Connor
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media. Download this guide and learn how you can achieve great results with email marketing and social media combined!
Still need help?
You can post a new message in the Community or find us on Twitter Mon-Fri 8am - 8pm ET. We've got real people waiting to help you out. Click below to start a conversation!
Loading script asynchronously