The Header Image for FAF/Thon events no longer fits on the page and is being cut off (clipping)

You are using the Essentials Template and have uploaded a header image to your Thon event in Blackbaud Sphere, or you previously uploaded the image to your event and it looked fine. When you go to your preview your event the header image appears cut off on the right side due to the size.

Article
Number:61774

Products:

Blackbaud_Sphere

Because of a recent update the site will no longer automatically resize larger images to make them fit in the header. The image will need to be manually resized so that the maximum width is no more than 300 px and then re-uploaded to your event.

*Note: When resizing the image in your image editor of choice, make sure to lock the aspect ratio of the image. Then when you resize the width, the height will resize automatically.

If you are using Microsoft Paint to resize the image do the following:

Click the resize button

In the pop-up window, mark the radio button labeled “Pixels”

Make sure that the box labeled “Maintain aspect ratio” is checked

Change the width (Horizontal) to 300

The height (Vertical) will automatically update to the correct height

Click Ok and save the image

If you are using Adobe Photoshop to resize the image:

Open the image in Photoshop

Click on the Image menu and choose Image Size

Ensure the "Constrain Proportions" checkbox is marked

In the Width text box enter 300 and ensure the drop-down next to it is set to "pixels"

Click OK

Hold down CTRL + ALT + Shift + S

In the Save Images for Web box, ensure the Preset is set to JPEG Medium or lower setting

Click Save and save your file

Now re-upload the image to the site, update your event and refresh the webpage.

*These steps are based on Microsoft Paint ver 6.1 and Adobe Photoshop CS5, but the step should be similar in other versions. Blackbaud Support is offering these steps to help resize your image, but we cannot offer support in these products.

Was this article helpful?

Thanks for your feedback! Did this solve your issue?

Comments (optional):

Thanks for your feedback!

We're glad it was helpful but sorry it didn’t solve your issue. If you need assistance, click Chat with Support below.

We’re sorry to hear that. Please tell us why.

I don't like how this works.

The answer is confusing.

The answer didn't match what I was searching for.

Additional Comments (optional):

Thanks for your feedback! If you need assistance, click Chat with Support below.