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?
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!
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:
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!
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!
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:
You just need to delete that out and the space will be removed.
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.
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:
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.
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.