Hallo
Vor kurzem habe ich eine Anleitung gefunden mit der man angeblich Elemente fullwidth anzeigen kann, ohne den Head bereich verändern zu müssen.

Laut Anleitung erstellt man einfach ein Spaltenelement mit nur einer Spalte, platziert darin z.B. ein Bild und als unterstes Element ein Widget/HTML Element mit folgendem Inhalt:

<div class="f01">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$('.j-module:has(.f01)').addClass('has-padding is-fullwidth has-custom-caption is-img-maxed');
});
})(jQuery);
//]]>
</script>
 

Oder man verpasst dem Spaltenelement einen farbigen Hintergrund, z.B. um einen Text mit einer bestimmten farbe zu hinterlegen.
Mit diesem Code:

<div class="f02">
</div>
<script type="text/javascript">
//<![CDATA[
     jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
$( ".j-module:has(.f02)" ).wrap( "<div class='hs-fullwidth bg-primary color-white link-white white-outline-btn' />" );
});
})(jQuery);
//]]>
</script>
 

Habe beides ausprobiert, aber es funktioniert nicht.
Viel zum falschmachen gibt es ja nicht, deshalb frage ich mich woran es liegen könnte.
Vielleicht hat ja einer von euch eine Idee.

Gruß Rupert

Hallo
Den Code kann man mit einem einfachen klick auf einen 'copy'-Button aus der Seite von Matrix-Themes kopieren,
deshalb habe ich mir ums kopieren jetzt wirklich keinen Kopf gemacht.
Natürlich hätte ich einen Link zur webseite gepostet, aber mir fehlen noch ein oder zwei Beiträge bis ich externe Links posten darf.

Hi @az_
Es erscheint wirklich ganz simpel, mehr Hinweise gibt es nicht.
Nur den Vorschlag einen Fade-in-Effekt zu nutzen, aber das ist ja nicht ausschlaggebend.
Trotzdem klappt's nicht.

In die URL musste ich ein Leerzeichen ins '.com' einfügen, damit ich sie hier posten kann.

https://matrix-themes.com/2019/05/09/pla...idth-sections/#