ich habe im CSS-Editor eine Media-Anweisung eingefügt. Sie soll für dies hier gelten:
Code: Alles auswählen
padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);
background-color: @bgColor;
.mbr-text, blockquote {
color: #767676;
}
.mbr-text LABEL {
color: #ffffff;
}
.mbr-text {
text-align: center;
}
@media (max-width: 767px) {
.display-7 {
font-size: 0.8rem;
}
}
verkleinert wird. Das ist ja auch logisch,, da die Anweisung mit "display-7" den oberen Schriftzug auch betrifft.
Code: Alles auswählen
<div class="media-container-row">
<div class="mbr-text col-12 col-md-8 mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".mbr-text" data-multiline mbr-article>
<b> <label>
<input type="checkbox" class="zoom">
<img src="https://www.meinlangengrassau.de/assets/images/hoellbergkarte.jpg" alt="Foto" title="Klicke mich" height="353" width="1000"><br>
Klicke auf die Karte zum Vergrößern
<br>
<br>
Daten von <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a> - Veröffentlicht unter <a href="https://opendatacommons.org/licenses/odbl/" target="_blank">ODbL</a>
</label>