WBCE CMS – Way Better Content Editing.
Du bist nicht angemeldet.
Hallo Leute,
nach längerem Probieren will mir nicht gelingen, die Styles so anzupassen, dass der Abstand zwischen zwei Beiträgen, die NWI ausgibt, zu reduzieren. Ich habe in der frontend.css (???) verschiedene Werte vergeblich zu verändern versucht (.mod_nwi_xxxxx ?), dennoch bleibt da immer noch viel Raum übrig, der mir persönlich viel zu groß ist (siehe Anhang).
Ich bin dankbar für einen Tip, welche Stellschraube in der/den CSS-Dateien anzupassen ist ...
Beitrag geändert von mave (17.04.2020 09:28:54)
Offline
Das ist das Template Editorial, oder?
Da haben die hr's (die Linien) einen Margin von 2em. Vielleicht ist das die Stellschraube (=> main.css, Zeile 353)
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Das ist das Template Editorial, oder?
... (=> main.css, Zeile 353)
Ja, das ist es. Der Abstand ist jedoch unabhängig vom Template, ich habe einige andere testweise probiert. Wenn ich bei NWI in der Beitrags-Schleife die Linie/hr entferne (und so den damit verbunden Abstand ebenso), bleibt dennoch einer. Offensichtlich nicht im Seiten-Template verursacht, sondern doch woanders
Beitrag geändert von mave (17.04.2020 12:43:48)
Offline
Das dürfte von dem span herkommen
<span style="visibility:[SHOW_READ_MORE];"><a href="[LINK]">[TEXT_READ_MORE]</a></span>
Wenn es kein "read more" gibt steht der auf visibility:hidden.
Im Gegensatz zu display:none wird bei visibility:hidden zwar das Element versteckt, der Platz den es einnimmt wird aber trotzdem reserviert.
... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...
Offline
florian
Vielen Dank! Das klingt gut, klang gut.
Ich habe testweise den span-Eintrag in der Beitragsschleife entfernt. Ohne Wirkung.
Zum Herantasten schreibe ich bei solchen Gelegenheiten auch mal 'was rein, um zu erkennen .... und da sieht man schon, dass allein bei der Ausgabe des Kurztextes [SHORT] ein Abstand entsteht.
[== HTML ==]
<div class="mod_nwi_group">
<div class="mod_nwi_teaserpic">
<a href="[LINK]">[IMAGE]</a>
</div>
<div class="mod_nwi_teasertext">
<a href="[LINK]"><h3>[TITLE]</h3></a>
<div class="mod_nwi_metadata">[DISPLAY_NAME] | [PUBLISHED_DATE]</div>
<div class="mod_nwi_shorttext">
[SHORT]
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
</div>
<span style="visibility:[SHOW_READ_MORE];"><a href="[LINK]">[TEXT_READ_MORE]</a></span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
<div class="mod_nwi_spacer"><hr></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Ergebnis siehe Screenshot.
Das ist wohl nicht nur ein Phänomen. Also habe ich in main.css des Templates den Wert für hr { ...} angepasst, und siehe da tut sich doch etwas. Ingesamt aber schmuggeln sich da noch mehr (?) Abstände rein. Hier habe ich aber zu wenig Einblick, aus welchen Styles sich NWI da nun bedient.
Beitrag geändert von mave (17.04.2020 17:35:19)
Offline
Wenn im Feld "Kurz" ein leerer Absatz ist, dann vergrößert sich der Abstand entsprechend, weil da dann ein <p> </p> eingefügt wird.
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Danke, Florian. Das hatte ich auch mal vermutet, trifft aber konkret nicht zu. Die Quelltextansicht offenbart keinen leeren Absatz und damit unsichtberen Code. Testweise noch mal eingefügt ...
<div class="mod_nwi_shorttext">
************************* [SHORT]**************************
</div>
... und da ist (von nach dem "Details ..." abgesehen) ein Abstand, den ich da nicht gebrauchen kann Es gibt fraglos Bedeutenderes ... dennoch.
Also werde ich mal den Code durchforsten, irgendwer/was in oder mit der Ausgabe des Inhalts von [SHORT] schließlich fügt da einen Leerraum ein ...
Offline
Bitte sende mir Link+Zugangsdaten per PM oder an support@wbce.org, dann schaue ich morgen selbst mal drauf.
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Auf der Testseite kommen folgende Formate aus dem Template:
- Absätze (<p>) : unterer Margin 2em (main.css), Zeile 188
- Linien (<hr>): oberer/unterer Margin 2em
Zusätzlich aus NWI:
- .mod_nwi_spacer: oberer/unterer Padding 1em
Ich habe auf der Testseite das Admin-Tool Frontend Final CSS installiert und darin über entsprechende Anweisungen die Abstände auf 0 gesetzt.
.mod_nwi_shorttext p {margin-bottom:0 !important}
.mod_nwi_spacer, .mod_nwi_spacer hr {padding:0 !important; margin:0 !important}
Außerdem habe ich den Read-More-Link in den mod_nwi_shorttext-Div verschoben.
<div class="mod_nwi_group">
<div class="mod_nwi_teaserpic">
<a href="[LINK]">[IMAGE]</a>
</div>
<div class="mod_nwi_teasertext">
<a href="[LINK]"><h3>[TITLE]</h3></a>
<div class="mod_nwi_metadata">[DISPLAY_NAME] | [PUBLISHED_DATE]</div>
<div class="mod_nwi_shorttext">
************************* [SHORT]**************************<br />
<span style="visibility:[SHOW_READ_MORE];"><a href="[LINK]">[TEXT_READ_MORE]</a></span>
</div>
</div>
</div>
<div class="mod_nwi_spacer"><hr></div>
In der Fußzeile rufe ich dann noch ein schnell erstelltes Droplet "hidehidden" auf, das "visibility:hidden" durch "display:none" ersetzt (da NWI selbst leider (noch) keinen passenden Platzhalter zur Verfügung stellt).
$wb_page_data = str_replace('visibility:hidden','display:none', $wb_page_data);
return true;
Beitrag geändert von florian (18.04.2020 07:39:44)
Code allein macht nicht glücklich. Jetzt spenden!
Offline
Hallo Florian,
ein großes Dankeschön! Für den Einblick, Bereicherung und damit verbundene Handlungsfähigkeit - klasse!
Offline
florian