WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 19.11.2019 23:42:54

screamindan
Member

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?

Online

#2 20.11.2019 08: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

Last edited by florian (20.11.2019 08:53:39)

Online

#3 21.11.2019 13:42:35

screamindan
Member

Re: OV_standard am Handy

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

Online

Board footer

Powered by FluxBB

up