WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 19.11.2019 22:42:54

screamindan
Mitglied

OV_standard am Handy

Moin. Ich möchte in der Übersicht die Standardansicht "alle untereinander / Bild links Text rechts" haben. Mobil soll dann aber das Bild über die ganze Breite gehen, der Text dann darunter sein. Das ganze soll nur für diesen Abschnitt gelten, also kann ich ja nicht das Stylesheet anpassen. Wo muss ich das denn wie eintragen?

Offline

#2 20.11.2019 07:51:38

florian
Administrator

Re: OV_standard am Handy

Topics Einstellungen > Übersicht-Seite
In der Kopfzeile ergänzen

<style>
.hide-on-mobile {display:block}
.hide-on-desktop {display:none}
@media only screen and (max-width:440px) {
.hide-on-mobile {display:none}
.hide-on-desktop {display:block !important}
}
</style>

Schleife ändern zu

<div class="[CLASSES]">
<div class="hide-on-mobile">
{THUMB}
</div>
<div class="hide-on-desktop">
<a href="[LINK]"><img src="[PICTURE_DIR]/[PICTURE]"></a>
</div>
<h3 class="mt_title">{TITLE}</h3>
[TOPIC_SHORT]
[READ_MORE][EDITLINK]<div style="clear:both"></div>
</div>

Möglicherweise gibt es im Template-Stylesheet bereits die Klassen hide-on-mobile / hide-on-desktop oder etwas ähnlichhes (bei Responsee wäre das hide-s/hide-m, bei Fitgrid fg-no-mobile / fg-no-desktop), dann braucht man die Ergänzung der Kopfzeile nicht unbedingt, muss aber den Loop dann entsprechend anpassen.
Da ja Inline-Styles böse und pfui sind, kannst Du die Anweisungen natürlich auch ins Template-Stylesheet einfügen (ohne <style></style>, aber mit .@media-Anweisung und allen geschweiften Klammern).

Edit: sorry, war noch ein Fehler im Code

Beitrag geändert von florian (20.11.2019 07:53:39)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 21.11.2019 12:42:35

screamindan
Mitglied

Re: OV_standard am Handy

Moin. Vielen Dank, haut super hin. Inline Styles sind mir Latte... big_smile

Offline

Fußzeile des Forums

up