Moin,
... den Quelltext aus meinem ersten Beispiel in den Card-Block vom Thema "MissionM5" zu kopieren geht nicht, denn der ist komplett anders aufgebaut.
Da müsstest Du den Block aus meinem ersten Beispiel vom Thema "
CinemaM5" verwenden, was wahrscheinlich am besten wäre.
Meiner Ansicht nach ist dieser Block aus dem Thema "MissionM5", zu dem ich jetzt unten auch noch ein Beispiel erstellt habe, auch seitens Mobirise bereits
fehlerhaft.
Er wird z.B. am Smartphone nicht zentriert. Dann hat die mittlere Karte eine andere (innere) Breite als die beiden anderen - alles sehr merkwürdig. Ich habe jetzt aber keine Lust nach diesen Mobirise-Bugs zu suchen. Das hat wahrscheinlich was mit der automatischen Breite des hier verwendeten "grid" zu tun.
Ich würde Dir zu meinem
ersten Beispiel raten, das ist zentriert und vor allen Dingen sind die Cards nebeneinander
immer gleich hoch, was beim Block vom Thema "MissionM5" auch nicht der Fall ist.
Hier das Ergebnis mit Deinem Block aus dem Thema "MissionM5":
https://www.mobirise-tutorials.com/Test ... ml#Block-2
Der Block besteht im Moment aus 3 Bereichen. Unten der Code von einem Bereich, den Du kopieren kannst und bei Dir eben jeden der 3 Bereiche mit diesem Code ersetzen:
Code: Alles auswählen
<div class="content-container">
<div class="text-container">
<div class="text-wrapper">
<div class="header-wrap" mbr-if="showIcon || showLabel">
<div class="iconfont-wrapper" mbr-if="showIcon">
<span mbr-icon class="mbr-iconfont mobi-mbri-target mobi-mbri" style="font-size: 36px; color: #FDFF54"></span>
</div>
<p class="label-text mbr-fonts-style" mbr-theme-style="display-7" mbr-if="showLabel" data-app-selector=".label-text">
<span>COMING SOON</span>
</p>
</div>
<h2 class="mbr-section-title mbr-fonts-style" data-app-selector=".mbr-section-title" mbr-theme-style="display-4" mbr-if="showTitle"><b>Landkreis Nirgendwo</b><br><br><b>Fliesenleger</b></h2>
<p class="mbr-text mbr-fonts-style " mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text">Kachelweg 10<br>12345 Mörtel<br>Tel.: 0123 456 78 90<br><a href="https://www.mobirise-tutorials.com/Formular/" class="text-primary" target="_blank">info@example.com</a><br><a href="https://www.mobirise-tutorials.com/" class="text-primary" target="_blank">www.example.com</a></p><br>
<div style="background-color: #d6edf9; padding: 10px; width: 100%;">
<p class="mbr-text mbr-fonts-style " mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text"><b>Wir bieten</b>:<br>✔️ Ausbildung<br>❌ Praktikum<br>
</p>
</div>
<p class="mbr-text mbr-fonts-style " mbr-theme-style="display-7" mbr-if="showText" data-app-selector=".mbr-text"><br><br>👤 Ansprechpartner Frau Gehörlos<br><br></p>
<div class="btn-container">
<div mbr-buttons mbr-theme-style="display-7" class="mbr-section-btn" mbr-if="showButtons" data-toolbar="-mbrBtnMove"><a class="btn btn-black-outline" href="https://mobiri.se" data-app-placeholder="Type Text"><span class="fa fa-file-pdf-o mbr-iconfont mbr-iconfont-btn"></span>
<div class="btn-overlay"></div>
<div class="btn-transform">
<div class="btn-transform-1">Stellenanzeige PDF</div>
</div>
</a></div>
</div>
</div>
</div>
</div>
Auch die
CSS-Class ist hier eine ganz andere. Suche die
class="text-wrapper" und ändere diese wie folgt ab:
Code: Alles auswählen
.text-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
border: 2px solid #888888;
padding: 20px;
}
Ich wüsste jetzt übrigens nicht wie man Blöcke in Mobirise exportiert und anderen zur Verfügung stellt. Das könnte ich gerade nur mit einem ganzen Projekt tun, das Du dann bei Dir wieder importieren kannst.
Ich bin aber auch der Meinung, dass diese einfachen Änderungen schon zu den Grundkenntnissen gehören und wenn Du diese noch nicht beherrscht, kannst Du keine Webseiten für andere erstellen.
Dann muss Du Dich damit dringend beschäftigen.
Gerade Kenntnisse von CSS sind ganz wichtig und bei Mobirise sind auch zusätzliche Kenntnisse der bereits vorgefertigten CSS-Klassen vom Framework Bootstrap ganz wichtig zu kennen.