WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 17.04.2020 09:27:13

mave
Mitglied

Abstand zwischen den einzelnen Beiträgen

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

#2 17.04.2020 11:06:42

florian
Administrator

Re: Abstand zwischen den einzelnen Beiträgen

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

#3 17.04.2020 12:42:28

mave
Mitglied

Re: Abstand zwischen den einzelnen Beiträgen

florian schrieb:

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 roll

Beitrag geändert von mave (17.04.2020 12:43:48)

Offline

#4 17.04.2020 14:29:24

bernd
Developer

Re: Abstand zwischen den einzelnen Beiträgen

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

Liked by:

florian

#5 17.04.2020 17:34:53

mave
Mitglied

Re: Abstand zwischen den einzelnen Beiträgen

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

#6 17.04.2020 17:41:28

florian
Administrator

Re: Abstand zwischen den einzelnen Beiträgen

Wenn im Feld "Kurz" ein leerer Absatz ist, dann vergrößert sich der Abstand entsprechend, weil da dann ein <p>&nbsp;</p> eingefügt wird.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#7 17.04.2020 21:10:51

mave
Mitglied

Re: Abstand zwischen den einzelnen Beiträgen

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 wink 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

#8 17.04.2020 21:29:32

florian
Administrator

Re: Abstand zwischen den einzelnen Beiträgen

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

#9 18.04.2020 07:37:10

florian
Administrator

Re: Abstand zwischen den einzelnen Beiträgen

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

#10 18.04.2020 11:54:56

mave
Mitglied

Re: Abstand zwischen den einzelnen Beiträgen

Hallo Florian,

ein großes Dankeschön! Für den Einblick, Bereicherung und damit verbundene Handlungsfähigkeit - klasse!

Offline

Liked by:

florian

Fußzeile des Forums

up