Hi Ciaran,

I found the solution here in this forum but another problem occured-
In the mobile version the responsive menue button disappeard

Jürgen

Hi Jürgen

Would you have a URL to an example of this issue?

Ciaran

Hi Ciaran,

take a look at:

http://web2000.knechtwebramstein12.alfahosting.org/joomla4

Jürgen

Hi Ciaran,

in some of the 3er Templates I was able to create a newmodule position as mentioned in your tutorial.
It was easy to change the index.php of the template folder.

Where can I made the modifications in the 4er Templates???

Jürgen

Hi Jürgen

Presuming I understand you correctly, the file structure is the same in both the Joomla 3 and Joomla 4 versions of the template so the same change can be made within the templates index.php.

Ciaran

Hi Ciaran,
for example I used the Layla Template for Joomla 4 but in den index.php of the template folder I cannot find the <?php require("php/layouts/header.php"; ?>

So I tried:

<div id="newmodule">
<jdoc:include type="modules" name="newmodule" />
</div>
<?php require("inc/layouts/logo.php"; ?>

And really it works!!!

But another problem:

With the same installation the layerslideshow at the modul position showcase-1a will show in a width of 100% instead of the width choosed in the template layout for example 1280 px.

In other installations with this template all works fine. Can I change this also in the custom.css??

Thanks in advance
Jürgen

Hi Ciaran,
it is all so easy!!

I found the settings in the template module width section.

Jürgen

Nice work Jürgen

Thank you for the update and for sharing your solutions!

Ciaran

Hi Ciaran,

Now there is a small problem concerning the layer_slideshow for Joomla 4. How can I change the effect in the layer_slideshow for Joomla 4 as before in the version for Joomla 3 regarding the texts in the slider as in the attached screenshot (screenshot)

Thanks Jürgen

Hi Jürgen

To amend the style of your slideshow as per the screenshot, try adding the following to the Custom CSS field of your template settings (edit to taste)...

.layerslideshow154 .info-wrapper {

    background: rgba(255,255,255,.7);

}

.layerslideshow154 .layerslideshow-title {

  background: #33b77e;

  line-height: 1rem;

  padding: 10px;

  color: black;

  text-transform: uppercase;

  font-weight: normal;

  font-size: 1.3rem;

}

.layerslideshow154 .layerslideshow-caption {

  color: black;

}

Ciaran

Hi Ciaran,
thanks a lot all works fine!!!!!

Jürgen