Hi there,
we are using JA Coach Quickstart with latest Joomla 4 release.
Interestingly the 'Look and feel' of the page between section-9 and footer block is different depending on the Browser.

With Safari and Firefox, we have the waves with our background color and in green another wave in the center.

With Chrome and Brave browser it is just flat line.

See screenshots.

We obviously prefer the design with the waves.

Any idea ?

Regards
Markus

    Hi mberwing,
    I have helped you resolve this issue, I have added the following CSS code to Tools > Custom CSS, you can check your site now:

    body[class*="theme-food"] .t4-footer:after {
    -webkit-mask-image: url(https://abc-deutsch.de/afrika-freiburg/templates/ja_coach/images/decor/ft-wave-2.svg);
  	-webkit-mask-size: cover;
    -webkit-mask-position: top center;
}

      Hi Dominic,

      super....thanks a lot.
      Now it looks good on all browsers and most important: equal on all.

      There is just one remaining issue that I just noticed....there is some white background between section-9 and footer ....which should not be there.

      Did try to fix it by checking the config in template style but did not find how to fix.

      https://abc-deutsch.de/afrika-freiburg/projekte

      And this should be the same on home as well

      Thanks and regards
      Markus

        Hi mberwing,
        You can download and unzip the following image:

        ft-wave-1.zip
        629B

        Then override this image into the /templates/ja_coach/images/ decor folder.

          Hi Dominic,

          thanks so much.....this is working fine now.

          Cheers
          Markus

          Write a Reply...
          You need to Login to view replies.