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

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;
    }
Write a Reply...
You need to Login to view replies.