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
  Mobirise-Client Box Höhe verändern Thomas Saake 11 167 24.02.2020, 16:55
Letzter Beitrag: Thomas Saake
Photo Custom-Block aus Mobirise-Block erstellen Goldschwalbe 3 115 22.02.2020, 00:18
Letzter Beitrag: Martin73
  Schrift drehen mit einem Strich stobi_de 2 77 16.02.2020, 13:47
Letzter Beitrag: stobi_de
  Block-Pack Extrazeit 2 75 14.02.2020, 15:12
Letzter Beitrag: Extrazeit
Photo Block mit steps - Anzahl steps ändern? Utz29 6 148 29.01.2020, 18:06
Letzter Beitrag: Utz29
  Tabelle sortieren - kann Mobi nicht rechnen? Utz29 2 113 16.01.2020, 19:05
Letzter Beitrag: Utz29
  HTML Block und dann Layout Fehler kfz-fotograf 4 163 30.11.2019, 09:29
Letzter Beitrag: kfz-fotograf
  Mobirise-Weißer Fleck im Block Thomas Saake 6 190 27.11.2019, 16:47
Letzter Beitrag: Tommy Herrmann
  Mobirise-Themenblock verändern Thomas Saake 0 117 25.11.2019, 13:26
Letzter Beitrag: Thomas Saake
  Mich nervt ein Block RB_BCC 2 127 13.11.2019, 17:02
Letzter Beitrag: Tommy Herrmann



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!