White space appearing at top of second and third graphic

dbarry722

Hi Folks

Having taken ownership of our website from the hosting company, I've just upgraded our school school website to Joomla 4 which went rather well based on how many outdated modules were on it.

We have a small niggling issue on the main page where there is a image slider with three photos. On our current live site (v3.10.11) https://www.assumptiongrammar.org.uk/ it works fine but on our upgraded development site at https://upgrade.assumptiongrammarschool.education/ if I click on the arrow to move to the second or third image, I get a white space at top of image. I don't know if this is a template issue (Uber) or a framework issue or something else and would appreciate any guidance on resolving it.

Regards

Declan

phinb

Hi @dbarry722

This is a strange issue. You can try this tweak to see if it helps:

Go to file: [root]/templates/uber(your default template)/css/custom.css (create this file if it doesn't exist)

Add this css rule:

.acm-container-slide .carousel-inner .item {
  display: none!important;
}

.acm-container-slide .carousel-inner .item.active {
  display: block!important;
}