The gallery with your images is generated by the theme you are using. Apparently, this is a custom-made theme, which is why I cannot provide you with any further information. For clarification, you will need to contact the person who provided you with the theme and, if applicable, the entire website.
Hi Jacqui,
I checked your page code, and the issue isn’t with the content itself but with the popup modal IDs.
When you click on a photo in the School Leadership Team, the popup that opens is actually re-using the modal from the Central Team. For example, in your code I can see this block:
<div class="team-modal ..." id="team-modal-2"> ... <img src="Mr-Adam-Watson-Executive-Principal.jpg.webp" alt="Adam Watson modal image"> </div>
That id="team-modal-2" belongs to the Central Team. But your School Leadership Team images are also linking to the same ID, which is why the wrong popup is opening.
How to fix it:
- Each modal must have a unique ID (e.g.
team-modal-2, team-modal-3, team-modal-4 …).
- Each image in the School Leadership Team needs to point to its own corresponding modal ID.
- Right now, they are all pointing back to the Central Team modal.
- Check in the block/plugin settings for the “Team Members” module — it should automatically assign unique IDs, but sometimes when blocks are duplicated or copied, the IDs get reused.
So the fix is simply:
- Make sure every person in both teams has their own unique modal ID, and the image link matches the correct one.
If this comes from a plugin or theme module, I’d recommend:
- Re-adding the School Leadership Team members fresh (instead of duplicating the block), so it generates new IDs automatically.
That should stop the Central Team popup from showing for the School Leadership Team.
Hope this clears things up!
