Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise-Client Box Höhe verändern
#1
Moin.
Kann man die Box an sich in der Höhe verkleinern?


.jpg  clients.jpg (Größe: 38,98 KB / Downloads: 22)


Mir ist die ein bisschen zu voluminös nach oben und unten.



http://tsad17.de/bsvfortuna2020/
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
gucke mal im Code-Editor im Bereich "CSS Editor" nach dieser Class:

Code:
.wrap-img img {
  max-height: 200px;
  width: auto;
  max-width: 100%;
}

und ändere die maximale Höhe (max-height) auf z.B. 100px

Code:
.wrap-img img {
  max-height: 100px;
  width: auto;
  max-width: 100%;
}

Wenn diese Class dort noch nicht steht, dann füge sie unten im Bereich "CSS-Editor" hinzu.

... ist jetzt rein theoretisch - habe es nicht probiert.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Code:
.wrap-img {
    text-align: center;
    img {
      max-height: 200px;
      width: auto;
      max-width: 100%;
    }
  }

Hatte ich auch schon versucht.
Dann werden nur die Logos kleiner.
Nicht das wir aneinander vorbei reden.
Die ganze Client Box soll (in der Höhe) schmaler werden.
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Moin,

ja - da müsstest Du mal gucken, wo die Höhe eingetragen ist - ich dachte es wäre diese class="wrap-img". Kann auch sein, dass es eine andere CSS-Class ist und/oder man die dazugehörige JacaScript-Datei umbauen muss, etc., etc.

http://tsad17.de/bsvfortuna2020/assets/m...-slider.js

Es sieht aus als verwendest Du das Thema "StoreM4" aber den Slider kenne ich jetzt auswendig nicht. Ist der aus diesem Thema? Wenn Du Fragen zu diesem spezifischen Slider hast, verstehe ich nicht ganz warum Du nicht haarklein dazu schreibst wo der her ist und wie der heißt, sodass man überhaupt die Chance hat das nachzustellen um helfen zu können.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Moin.

Tut mir Leid Tommy. Aber ich arbeite mit dem Theme M4. Und nicht nur mit einem einzelnen Thema.
Und der Client Block ist aus dem Block Pack. Keine Ahnung zu welchen Theme der eigentlich gehört.

Code:
<section class="extClients clients" group="Additional Blocks" data-bg-video="{{bg.type == 'video'&&bg.value.url}}" mbr-class="{'mbr-parallax-background': bg.parallax}" plugins="BootstrapCarouselSwipe,mbr-clients-slider" data-interval="false">
    <mbr-parameters>

Werde mal auf die Suche gehen.

Nachtrag: Gefunden
PortofolioM4
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
Moin Thomas


der Slider wird in seiner Gesamthöhe wird von den Inhalten bestimmt.
Test es mal, füge dort mal alle Grafiken/Fotos ein, die 40x40px groß sind.
Dann paßt sich der Slider an.

Kleiner kannst du den Slider in der Höhe nicht machen, (jedenfalls nicht mal eben so, sprich mit "unseren" laienhaften Kenntnissen), warum auch, denn es macht auch keinen Sinn, sieht bescheuert aus.

Übrigens: Damit es vernunftig aussieht, sollten alle Inahlte die gleiche Abmaße haben, zumindest in der Höhe
Diese Nachricht in einer Antwort zitieren
#7
... das ist das "padding" (Innenabstand) dieser Class:

Bei mir im Block im CSS Editor ab Zeile 208

Code:
.slider-clients {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  outline: 1px solid rgba(0, 0, 0, 0.2);
  outline-offset: -15px;
  padding: 65px 50px;
  position: relative;
  text-align: center;
}

Wenn ich z.B. das "padding" auf (oben/unten) von 65px auf 35px ändere:

Code:
padding: 35px 50px;

... dann sieht es bei 35px Innenabstand so aus:


.jpg  Portfolio-Clients-Slider.JPG (Größe: 44,9 KB / Downloads: 14)


... oder bei 15px eben so:


.jpg  Portfolio-Clients-Slider-15px.JPG (Größe: 44,48 KB / Downloads: 12)


Die Pfeile bekommt man dann auch wieder mittig mit z.B. 10% Abstand nach oben:


.jpg  top.JPG (Größe: 22,53 KB / Downloads: 6)



.jpg  Slider-Pfeile.JPG (Größe: 39,98 KB / Downloads: 5)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
thumbs up Astrein. Danke Euch beiden.

Ich habe die drei Größen Ausreißer Averbeck, Riepe + Dastanovic mal angepasst.
Obwohl ich die vorher per Grafikprogramm in gleich große Boxen gepackt hatte.
Die Slider Umrandung habe ich auch mal gelöscht.

Jetzt ist da noch ein Problem. Obwohl ich die Grafiken ohne Rahmen erstellt habe,
ist beim Slider ein Rahmen drum rum. Aber nicht bei allen. Sonne, Riepe und Sanecki haben keinen.
Entweder um alle einen Rahmen oder keiner. Ich tendiere zu keiner.
Und wie bekomme die weg? Oder hin?
Könnt Ihr mir da auch bitte noch helfen?
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
... also ich habe gerade alles bei mir wieder gelöscht Sad

Du solltest vielleicht zunächst die originale CSS nochmals herstellen. Ist dieser Rahmen eventuell die Hintergrundgfarbe :confused:
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Habe nochmal den Block neu eingefügt. Und alle Grafiken.
Die Rahmen sind da. Oder auch nicht.
Als Lösung habe ich den Hintergrund weiß gefärbt. Dann sieht man Sie nicht.
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
... also, da musst Du noch mal in Dich gehen und denken Smiling

Von Natur aus gibt es da keine Rahmen um diese Motive - die kannst ja nur Du dann hinzugefügt haben ???!!!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
Ich habe keinen Rahmen eingefügt.
Das Ding ist jetzt ganz kaputt gegangen. Da fehlt die Hälfte.
Aber ich habe mal den Slider Hintergrund dunkel eingefärbt. Die Logos sind umrandet.
Ich mache jetzt mal ne Pause und schmeiße das Ding später raus.

http://www.tsad17.de/bsvfortuna2020/
Gruß
Thomas

Mobirise 4.12.3 + Code Editor
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 Serverliste Down ? Hans Klawun 5 140 02.04.2020, 05:29
Letzter Beitrag: Tommy Herrmann
  Mobirise 4.12.3 - Schrift Formatierung Problem futurelike 19 291 30.03.2020, 09:20
Letzter Beitrag: c-laus
  Hinweise zu Mobirise entfernen barbara0701 18 323 29.03.2020, 19:00
Letzter Beitrag: barbara0701
  Veröffentlichen mit Mobirise funktioniert nur teilweise andreas.niklas 1 72 23.03.2020, 14:15
Letzter Beitrag: Tommy Herrmann
  Mobirise-Nach einfügen von PopUp lädt die Seite nicht mehr auf den Server Thomas Saake 26 352 21.03.2020, 13:38
Letzter Beitrag: Martin73
  Mobirise und TLS 1.2. harfenklang 2 113 12.03.2020, 13:38
Letzter Beitrag: harfenklang
  Mobirise-Site auf Androidhandy ansehen? harfenklang 2 98 09.03.2020, 16:17
Letzter Beitrag: Tommy Herrmann
  Mobirise- Fehlermeldung beim Publizieren Thomas Saake 14 354 07.03.2020, 10:14
Letzter Beitrag: Thomas Saake
  font im Mobirise Block ändern nof15us 2 135 03.03.2020, 14:08
Letzter Beitrag: nof15us
  Angeblicher kauf einer Mobirise Extenion Bushisan 3 114 02.03.2020, 17:09
Letzter Beitrag: Bushisan



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!