Adjust an Image Focal Point | Civio Engage Knowledge Base     [Skip to content](#main)  [ ![Civio Engage Knowledge Base](/civio-light.svg) ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io)  [Product documentation](/articles) [Release notes](/releases) [Roadmap](/roadmap) [ Support portal ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)   Toggle navigation      

  [Product documentation](/articles) [Release notes](/releases) [Roadmap](/roadmap) [Support portal](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)  

  1. [Home](/) ›
2. [Product documentation](/articles) ›
3. [Tips, Tricks and Best Practices](/articles?category=14) ›
4. Adjust an Image Focal Point

 Adjust an Image Focal Point
===========================

Updated 6 days ago · 1 min read

 Search     Search  

To control the focal point of your images to ensure better display on thumbnails, banners, and teaser cards. Follow the steps below to change the focal point of an image.

How to Change the Focal Point of an Image:
------------------------------------------

![Adjusting an image focal point: the Focus crop modal open, a click moving the focal dot from the centre of the image onto a new subject, then Done.](https://engage.knowledge.civ.io/storage/qd6sMUO7HqSwRkIcyLHgs3C5t37xlnPJxZcOXN0p.gif)

1. **Add an image** by navigating to the content you are creating or editing (e.g., Project, Page, Event).
2. **Hover over the image preview.** You will see a tooltip that says “Click for advanced options.
3. **Adjust the Focal Point.**A dot will appear in the centre of the image within the modal. Click anywhere on the image to move the dot to your desired focal point.
4. **Click done** and then save the content/tool.

Previewing the focal point:
---------------------------

- After saving, view the content on the frontend. The image should crop with the selected focal centred.
- See how the image is displayed on both the the **card preview thumbnail** and **banner** to ensure your images display exactly as intended.

Was this article helpful?
-------------------------

Your feedback helps us prioritise what to rewrite.

      Yes     No  

 [    Back to Tips, Tricks and Best Practices ](/articles?category=14) 

 On this page 

### Still need help?

Raise a request in the support portal and track it to resolution.

 [ Submit a support request ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io/portal/login)

Submit a support request through the [support portal](/portal) or email .

 © 2026 [Civio](https://civ.io) [Privacy Policy](/articles/privacy-policy) [Terms of Use](/articles/terms-of-use)