Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


wie kann ich die Textbreite in einem Block verändern
#1
Ich habe jetzt eine Stunde gesucht und finde es einfach nicht.
Irgend wo habe ich das schon einmal gelesen.

Wei kann ich die Textbreite in einem Block verändern.

damit meine ich die Breite um den Block mehr aus zu füllen weniger Rand zu lassen.

Danke

Ich habe mal ein Beispiel angehängt.
Ich wollte den Text auf die gleich Breite haben wie oben der Block

Html code
Code:
<section class="header4" group="Headers" data-bg-video="{{bg.type == 'video' && bg.value.url}}" mbr-class="{'mbr-fullscreen': fullScreen,
                    'mbr-parallax-background': bg.parallax}">

    <mbr-parameters>
        <!-- Block parameters controls (Blue "Gear" panel) -->
        <input type="checkbox" title="Full Screen" name="fullScreen">
        <input type="range" inline title="Top" name="paddingTop" min="0" max="8" step="1" value="4" condition="fullScreen == false">
        <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="8" step="1" value="4" condition="fullScreen == false">

        <input type="checkbox" title="Show Title" name="showTitle">
        <input type="checkbox" title="Show Subtitle" name="showSubTitle">
        <input type="checkbox" title="Show Text" name="showText" checked>

        <fieldset type="background" name="bg" parallax>
            <input type="image" title="Background Image" value="../_images/background1.jpg" parallax>
            <input type="color" title="Background Color" value="#b6d3e9" selected>
            <input type="video" title="Background Video" value="https://www.youtube.com/watch?v=36YgDDJ7XSc">
        </fieldset>
        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked>
        <input type="color" title="Overlay Color" name="overlayColor" value="#ffffff" condition="overlay && bg.type !== 'color'">
        <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.8" condition="overlay && bg.type !== 'color'">
        <!-- End block parameters -->
    </mbr-parameters>

    <div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
    </div>

    <div class="container">
        <div class="row justify-content-md-center">
            <div class=" col-md-12 col-lg-10 align-left">
                <h3 class="mbr-section-subtitle align-left mbr-white mbr-regular pb-2 mbr-fonts-style" mbr-if="showSubTitle" mbr-theme-style="display-4">WEB TECHNOLOGY</h3>
                <h1 class="mbr-section-title align-left mbr-white pb-2 mbr-fonts-style" mbr-theme-style="display-5" mbr-if="showTitle">Förderung und Infos:</h1>

                <p class="mbr-text align-left mbr-fonts-style" mbr-if="showText" mbr-theme-style="display-7" data-app-selector=".mbr-text, .media-content"><b>Technische Daten:
</b><br>MPPT (Max Power Point Tracking)
<br>Automatische Systemspannungserkennung 12 / 24V
<br>Solar – Eingang Spannungsbereich von 5V bis 60V (Die Ladung beginnt schon bei wenig Sonne ab 5V Modulspannung, nicht erst bei 12/24V!)
<br>Akku-Tiefentladeschutz, Überladeschutz, Überspannungsschutz, Desulfatisierung
<br>Temperaturabhängige Ladeparameterkorrektur
<br>Übertemperaturschutz, Überstromschutz, Polaritätsschutz
<br>Separater Lastausgang mit Abschaltmöglichkeit
<br>Max. Modulstrom (Usolar &gt; Ubatt)                      10 / 20 / 30 A - je nach Modell
<br>Max. Laststrom / Ladestrom                               10 / 20 / 30 A - je nach Modell
<br>3-Stufen-Ladung (20°C)                                               
<br>Ladeschlussspannung                                       14,7V / 29,4
<br>Nachladung für 90 Minuten bei                            14,7V /29,4V
<br>Erhaltungsladung                                              13,7V / 27,4V
<br>Aktivierungsspannung für neuen Ladezyklus       12,6V / 25,2V
<br>Typ. Eigenstromverbrauch aktiv                          15 mA
<br>Typ. Eigenstromverbrauch Standby                     &lt;1 mA
<br>Temperaturbereich                                             -25°C… +60°C
<br>Schutzart                                                          IP20
<br>Abmessungen                                                    190x 112 x 59 mm
<br>Gewicht                                                             10A:780g; 20A: 870g; 30A: 890g<br></p>
            </div>



        </div>
    </div>
</section>

CSS Code

Code:
when not (@fullScreen) {
  padding-top: (@paddingTop * 15px);
  padding-bottom: (@paddingBottom * 15px);
}
& when (@bg-type = 'color') {
  background-color: @bg-value;
}
& when (@bg-type = 'image') {
  background-image: url(@bg-value);
}
img {
  height: 100%;
  margin: 0 auto;
  padding-bottom: 2rem;
}
H1 {
  color: #57468b;
}
.mbr-text, .mbr-section-btn {
  color: #716c80;
}
H3 {
  color: #716c80;
}
.mbr-iconfont {
  padding-left: 0.4rem;
}
.link {
  display: flex;
  width: fit-content;
  transition: all 0.3s;
  align-items: center;
  .link-ico {
    padding-top: 2px;
    transition: padding 0.3s;
  }
  &:hover {
    color: @primaryColor !important;
  }
  &:hover .link-ico {
    color: @primaryColor !important;
    padding-left: 10px;
  }
}
DIV {
  color: #57468b;
}
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

setze die Anzahl der Grid-Zellen auf 12

Zitat:<div class=" col-md-12 col-lg-10 align-left">

dann so:

Zitat:<div class=" col-md-12 col-lg-12 align-left">


Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Textausrichtung in einem Dropdown-Menü Kay 6 95 Vor 8 Stunden
Letzter Beitrag: Kay
  Hintergrundfarbe Block Radi 3 101 25.03.2020, 14:57
Letzter Beitrag: Tommy Herrmann
  Block zerhauen nach gebrauch von TAB Taste funsport 1 64 16.03.2020, 09:43
Letzter Beitrag: Tommy Herrmann
  font im Mobirise Block ändern nof15us 2 131 03.03.2020, 14:08
Letzter Beitrag: nof15us
  Mobirise-Client Box Höhe verändern Thomas Saake 11 223 24.02.2020, 15:55
Letzter Beitrag: Thomas Saake
Photo Custom-Block aus Mobirise-Block erstellen Goldschwalbe 3 153 21.02.2020, 23:18
Letzter Beitrag: Martin73
  Schrift drehen mit einem Strich stobi_de 2 103 16.02.2020, 12:47
Letzter Beitrag: stobi_de
  Block-Pack Extrazeit 2 103 14.02.2020, 14:12
Letzter Beitrag: Extrazeit
Photo Block mit steps - Anzahl steps ändern? Utz29 6 181 29.01.2020, 17:06
Letzter Beitrag: Utz29
  Tabelle sortieren - kann Mobi nicht rechnen? Utz29 2 148 16.01.2020, 18:05
Letzter Beitrag: Utz29



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!